CSS'de Background (Arkaplan) Özellikleri

CSS'de arkaplan özellikleri web sitelerinin vazçgeçilmezidir.

Background özelliklerinde 2 yol izleyeceğiz:

- Birincisi arka plana resim vermek.
- İkincisi arka plana renk vermek.

Arka plana resim vermek için;

body{
background:url(Resim_url.png);
}

Arka plana resim verdik fakat bazı durumlar da resimin  tekrar etmesi veya etmemesi gerekebilir. Bunun için background özelliklerini bilmemiz gerekmektedir.

background-color : Arkaplanın doldurulacağı düzgün rengi belirler.
background-image : Arkaplan için bir imaj belirler.
background-repeat : Resmin bütün zemine yayılmasını sağlar.
repeat-x : Resmin sol-üstten sağ-üste doğru yayılmasını sağlar.
repeat-y : Resmin sol-üstten sol-alta doğru yayılmasını sağlar.
no-repeat: Resmin yayılmadan orjinal boyutuyla görünmesini sağlar.
background-attachment: Zemindeki resmin , sayfa kaydırma çubuğuyla hareket ettirildiğindeki durumunu belirler.
scroll : Sayfa hareket ettirildiğinde zeminin de kaymasını sağlar.
fixed: Sayfa kaydırılsa da zeminin sabit kalmasını sağlar.
background-position: Zemindeki resmin istenilen şekilde yerleştirilmesini sağlar.

body{
background:#000 url(Resim_url.png);
background-repeat:fixed;
}

gibi background özelliklerini kullanabiliriz. Arka plana resim değil de yanlızca renk vermek istiyorsanız;

body{
background: #000;
}