CSS ile etiketlere veya css ile müdahale şansımız olan her yere css’in background-color özelliği ile arkaplan-rengi eklemeyi bu makalede bulabileceksiniz.
background-color: bu özellik ile HTML*XHTML etiketlerine arkaplan rengi vermek için kullanılır.
Aşağıdaki örnekte
* CSS kodu ile tüm “div” etiketlerinin arkaplan renklerini gri yapacak;
* Id seçicisi “paragrafStilim” olan etiketin arkaplanını mavi yapacak;
* Class seçicisi “ozelStil” olan tüm etiketlerin arkaplan rengi yeşil olacak.
Seçicilerle beraber background-color örnek kullanımı
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | div { /*W3C Standardı tarafından belirlenmiş renkler ile kullanma*/ background-color: gray; } #paragrafStilim{ /*Renklerin Hexadecimal karşılıkları kullanılabilir.*/ background-color: #808080; } .ozelStil{ /*Renklerin Red-Green-Blue sayısal ifadeleriyle kullanımı*/ background-color: rgb(128,128,128); } |
Eğer arkaplanın şeffaf(transparent) olmasını istiyorsanız “background-color:transparent;” şeklinde kullanmalısınız.
Yukarıdaki örneğimizdede görmüş olduğunuz gibi 3 farklı seçici türü ile backgroun-color özelliğini kullanarak arkaplan renklendirmesi yaptık. HTML/XHTML seçicilerine css ile müdahale edildiğinde herhangi bir seçici işareti “.” veya “#” işaretleri gelmemektedir(html etiketlerine doğrudan yapılan müdahalede css dosyasının kullanıldığı tüm sayfalarda belirtilen etiketleri etkileyecektir o yüzden bu seçicinin doğru kullanılması önemlidir.) ama id’si olan bir etikete müdahale edeceğimiz zaman css tarafında “#” işareti ile müdahale edilebilir. class özniteliği kullanılarak müdahale edilmek istenildiğinde ise “.” işareti ile css tarafında müdahale edilebilir.