css color, yazının renk özelliğine değer vermek için kullanılır. Renk değerleri verilirken CSS renk kodları kullanırız. Bunlar ana renk, hexadecimal renk kodları, hsl, hsla, rgb veya rgba kodları kullanırız.
Aldığı parametreler:
color : renk kodu alır.
inherit : Bir üstteki elementten miras alır.
initial : Varsayılan değere çevirir.
Örnek :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
p.one{ color: black; }
p.two{ color: #0f0; }
p.three{ color: rgb(255,0,0); }
p.four{ color: rgba(0,0,255, .5); }
p.five{ color:hsl(180, 50%, 50%) }
p.five-child{ color: inherit; }
</style>
<body>
<p class="one"> Tasarım ve Yazılım</p>
<p class="two"> Tasarım ve Yazılım</p>
<p class="three"> Tasarım ve Yazılım</p>
<p class="four"> Tasarım ve Yazılım</p>
<p class="five"> Tasarım ve Yazılım
<p class="five-child"> Css Dersleri</p>
</p>
</body>
</html>Örnekte görüldüğü html sayfasında bulunan yazılarımızın renklerini istediğimiz gibi değiştirebiliriz. İstersek şeffaflık değerini de class ı four olan örnekte olduğu gibi istediğimiz gibi ayarlayabiliriz. Şeffaflık değerini sadece rgba ile değil hsla ile de değiştirebiliriz. Yukarıdaki örneklerin sayısının çok artırılabiliriz. Siz örnek kodları baz alarak yeni denemeler yapabilirsiniz.
Html Çıktısı:
Başka bir yazımızda görüşmek üzere…
