Re-Web

Zemin Özellikler / Background Özellikler


Bu dersmizde arkadaşlar Css'deki zemin özelliklerini işleyeceğiz.Zemin özellikleri yani arka plan özellikler web sitelerinin vazgeçilmedir.

Background özelliklerinde 2 yol izleyeceğiz.1.si arka plana resim vermek.2.si 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...