• RSS
  • Facebook
  • Twitter
  • Linkedin

9 Mayıs 2014 Cuma

CSS Arkaplan (background) Özellikleri



Arka Plan Rengi Atama: sayfa arka planına renk atar.

body {background-color:#b0c4de;}

üç farklı şekilde değer ataması yapılabilir,

HEX değeri - "# ff0000" gibi
bir RGB değeri - "rgb (255,0,0)" gibi
Bir renk adı - "red" gibi

Arkaplan Resmi Atama: sayfa arka planına resim atar.

body {background-image:url("sayfa.gif");}

Arkaplanda Yatay ve Dikey Hizalama: bir resmin arka planda tekrarlanması, yalnızca yatay veya yalnızca dikey olarak sıralama yapmaya imkan tanır.

body
{
background-image:url("gradient.png");
background-repeat:repeat-x;
}


body
{
background-image:url("gradient.png");
background-repeat:repeat-y;
}


Arkaplan Resmini Bir Kere Ekler: sayfaya bir resmi sadece bir defa, döşeme yapmadan göstermesini sağlar.

body
{
background-image:url("arkaplan.png");
background-repeat:no-repeat;
}

Arkaplan Resmini Konumlandırma: sayfamıza eklediğimiz resmi, döşeme yapmadan belli bir konumda gösterir.

body
{
background-image:url("arkaplan.png");
background-repeat:no-repeat;
background-position:right top;
}

çalışmalara ait örnek link: 
 
Arkaplan da Renk ve Resmi Birlikte Kullanma:sayfa arka planına aynı ande renk verir ve resim ekler.

body {background:#ffffff url("arkaplan.png") no-repeat right top;}

0 yorum:

Yorum Gönder