arka plan rengi CSS'deki özellik, bir öğenin arka plan rengini ayarlamak için kullanılır. Öğenin arka planı olarak düz renkler uygular. Bir öğenin arka planı, dolgu ve kenarlık dahil ancak kenar boşluğu hariç toplam boyutu kapsar. Tüm HTML öğelerine uygulanabilir.

Sözdizimi

 element transparent 

renk_adı Bu özelliğin değeri arka plan renginin değerini tanımlar veya renk kodlarını belirtir. Renk adı, rgb() değeri veya onaltılık değer kullanılarak verilebilir.

şeffaf Bu özelliğin değeri, şeffaf arka plan rengini belirten varsayılan değerdir.

Örnek

Bu örnekte, değerini tanımlıyoruz. arka plan rengi özelliğini renk adını, onaltılık değeri, rgb() değerini ve hsl() değerini kullanarak kullanın. Uyguladığımız dört div öğesi var arka plan rengi mülk.

 background-color property body { text-align:center; } h1{ color: blue; } div{ font-size: 25px; padding: 50px; border: 5px solid red; margin: 20px; } #one{ background-color: lightgreen; } #two{ background-color: #ddaefa; } #three{ background-color: rgb(155, 55, 128); color: white; } #four{ background-color: hsl(60, 22%, 50%); color: white; } background-color: lightgreen; background-color: #ddaefa; background-color: rgb(155, 55, 128); background-color: hsl(60, 22%, 50%); 

Çıktı