Arkaplan (Background) Özellikleri

Bu dersimizde CSS'deki zemin özelliklerini işleyeceğiz. Zemin özellikleri yani arka plan özellikleri, web sitelerinin vazgeçilmezidir.

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...
  • Etiketler;
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

ark paylaşım süper ama hangi etiketler içine yazacagımıza da yazsan iyi olucak.iç bilmeyen ark. düşünelim bu biraz bilsi olan için iyi bir paylaşım.

Yukarı Git