CSS Background Color

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ı

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.

Bunlar da hoşunuza gidebilir...

Bir Cevap Yazın