CSS Dersleri Bölüm 3 – Arkaplanların stillendirilmesi
CSS Arkaplan
CSS arkaplan özellikleri bir elementin arkaplan efektlerini tanımlamak için kullanılır.
Arkaplan efektleri için css özellikleri;
- background-color
- background-image
- background-repeat
- background-attachment
- background-position
Arkaplan rengi
background-color özelliği bir elementin arkaplanını değiştirmek için kulanılır.
body seçicisi ile sayfanın arkaplanını değiştiririz. Misal;
body {background-color:#b0c4de;}CSS ile; renk değiştirebilmek için değerleri,
- Hexadecimal kodları ile
- RGB kodları ile
- Rengin İngilizce ismi ile girebiliriz.
Bunun üzerinde sonra tekrar duracağım.
Arkaplan resmi
background-image özelliği bir elementin arkaplan resmini değiştirmeye ya da oluşturmaya yarar.
Varsayılan olarak resim tekrar eder ve böylece tüm sayfayı kaplar.
Bir sayfanın arkaplan resmi şöyle olur;
body {background-image:url('paper.gif');}Arkaplan resmi belirlediğinizde yazıların okunabilir olmasına dikkat edin.
Background Image – Repeat X/Y ( yatay veya dikey tekrar)
Genelde, background-image özelliği hem yatay hem de dikey olarak tekrar eder.