Bu dersimizde CSS'deki zemin özelliklerini işleyeceğiz. Zemin özellikleri yani arka plan özellikleri, web sitelerinin vazgeç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(Resimurlsi.png);
}

şeklinde olabilir. Tabi arka plana resim verdik, ancak bazı yönlerde tekrar etmesini veya etmesini isteyeceğiz.

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.

Bunu nasıl kullanırız derseniz

body{
background:url(Resimurlsi.png);
background-repeat:fixed;
}

gibi yapabilirsiniz...

Başka bir derste görüşmek üzere iyi günler...