CSS RENK TANIMLAMALAR VE ZEMİN RENGİ

CSS özellikleri içinde en sık kullanılan özellik renk tanımlamalarıdır. Bunun için color özelliğinden faydalanıyoruz. Renkleri tanımlarken de bir kaç yoldan yararlanabiliyoruz. Üç farklı yollarla renkleri tanımlayabiliyoruz. Birincisi direkt rengin adını vermek: red,teal,gray, black, white gibi.

İkinci yol rengin Hexadecimal kodunu vermek. Hexadecimal olarak kodu vermek için başında # kullanmak zorundayız. #33FFAA gibi..

Son tanımlamamızda rengin decimal kodunu vermek, decimal kodu verirken de RGB kodu dikkate alınıyor ve R,G,B formatına uygun olarak değerler veriliyor değerlerdede virgüller ile ayrılarak yazılıyor. örnek: 51,204,51 gibi.

Bir örnekle konuyu açıklayalım.

CSS:

p{color:darkred;}
span{color:#708090;}

HTML:

Bu bir deneme yazısıdır.

Bu bir deneme yazısıdır.

ÇIKTI:

ZEMİN RENGİ


"background-color" özelliği öğelerin (etiketlerin) zeminine renk vermek için kullanılır. Renk belirlemek için "Renk tanımlamalar" ele aldığımız yöntemlerden istediğimizi seçebiliriz. Ancak en çok tercih edilen Hexadecimal kodu verilerek yapılandır.

Konuyu bir örnekle açıklayalım.

CSS:

h1{background-color:#0066ff}
p{background-color:#9a9a9a}
span{background-color:#fef668;}

HTML:

BU BİR BAŞLIKTIR

Bu bir deneme yazısıdır

Bu bir deneme yazısıdır.

ÇIKTI:

Websitemizin zemin rengini değiştirmek için Body özelliğine style tanımlaması yapmalıyız.

CSS:

body{background-color:#a7a7a7}

Adınız

Eposta

Mesaj

7958

Güvenlik No

REKLAM
KATEGORİ
POPÜLER MAKALE