CSS kullanarak HTML sayfasındaki tüm tasarımı şekillendirebilmemiz mümkün. En temel ve sık kullanılan css özelliklerinden birisi de renk belirlemek amacıyla kullanılan color özelliğidir.
CSS ile rengini değiştirmek istediğimiz html elemanını ya da elemanlarını id, class ya da html etiketi gibi seçiciler kullanarak seçebiliriz. Renk belirleme işlemi için de;
- Önceden tanımlanmış red, black gibi renkler
- Hex kodları (# ile başlayan kodlar)
- RGB kodları kullanabiliriz.
Aşağıdaki html/css kodlarında birer örnek uygulama hazırlanmıştır.
<head>
<meta charset="utf-8">
<title>CSS Uygulamaları</title>
<style>
h2{color:green}
.satir {color:#ff7320}
#satiriki p{color: rgb(255,255,0)}
</style>
</head>
<body>
<div>
<h2>Başlık</h1>
<p class="satir">Birinci satır</p>
<p class="satir">İkinci satır</p>
</div>
<div id="satiriki">
<h2 style="color:blue">Başlık</h1>
<p>Birinci satır</p>
<p>İkinci satır</p>
</div>
</body>