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;
- Kod:
-
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
- Kod:
-
body{
background:url(Resimurlsi.png);
background-repeat:fixed;
}
