css-arka-plan

Arka plan rengi
background-color Nitelik bir elemanın arka plan rengini belirler.
body {
background-color: lightblue;
}
CSS ile bir renk en sıklıkla aşağıdakiler tarafından belirlenir:
geçerli bir renk adı - "red" gibi
bir Hex değeri - "# ff0000" gibi
bir RGB değeri - "rgb (255,0,0)" gibi

Arka plan görüntüsü
background-image Nitelik bir elemanın arka plan olarak kullanmak üzere bir görüntü belirtir.
body {
background-image: url("paper.gif");
}
Not: Bir arka plan resmi kullanırken, metni rahatsız etmeyen bir görüntü kullanın.

Arka Plan Resmi - Yatay veya Dikey Tekrarla
Varsayılan olarak, background-image mülk bir görüntüyü hem yatay hem de dikey olarak tekrarlar.
yatay olarak tekrarlanırsa ( background-repeat: repeat-x;), arka plan daha iyi görünecektir:
body {
background-image: url("gradient_bg.png");
background-repeat: repeat-x;
}
İpucu: Görüntüyü dikey olarak tekrarlamak içinbackground-repeat: repeat-y;

Arka Plan Resmi - Konum ve sıfırlamayı ayarlama
Arka plan görüntüsünü yalnızca bir kez göstermek background-repeat mülk tarafından da belirtilir :
body {
background-image: url("img_tree.png");
background-repeat: no-repeat;
}
Resmin konumu background-position mülkiyet tarafından belirtilir :
body {
background-image: url("img_tree.png");
background-repeat: no-repeat;
background-position: right top;
}

Arka Plan Resmi - Sabit pozisyon
Arka plan resminin düzeltilmesi gerektiğini belirtmek için (sayfanın geri kalanıyla birlikte kaydırma yapmayacağınızı belirtmek için) background-attachment özelliği kullanın :
body {
background-image: url("img_tree.png");
background-repeat: no-repeat;
background-position: right top;
background-attachment: fixed;
}

Arka plan - Kısa kullanım özelliği
Kodu kısaltmak için, tek bir mülkte tüm arka plan özelliklerini belirtmek de mümkündür. Buna, kısaltılmış mülk denir.
body {
background: #ffffff url("img_tree.png") no-repeat right top;
}