在網(wǎng)頁設(shè)計中,設(shè)置盒子背景顏色是非常常見的一種需求。可以用CSS語言設(shè)置背景顏色的屬性是“background-color”
.box{ background-color: #FFC0CB; }
在上面的代碼中,.box是CSS選擇器的名字,在樣式表中,用該名字來為HTML文檔中的類名為“box”的標簽設(shè)置樣式,而“background-color”屬性的值是一個十六進制的表示顏色值的代碼。
另外,還可以使用RGB顏色值來表示顏色:
.box{ background-color: rgb(255,192,203); }
RGB顏色值是將紅色、綠色和藍色的值從0到255進行組合得到的顏色。在上面的代碼中,該顏色值表示粉紅色。
還可以通過CSS3的“rgba”函數(shù)來設(shè)置半透明的顏色,該函數(shù)有四個參數(shù),分別表示紅、綠、藍三個顏色以及透明度。透明度的值從0到1,0表示完全透明,1表示完全不透明。下面是代碼示例:
.box{ background-color: rgba(255,192,203,0.5); }
這里給.box元素設(shè)置的顏色為半透明的粉紅色。
以上就是CSS設(shè)置盒子背景顏色的常用方法。通過設(shè)置盒子背景顏色,可以為網(wǎng)頁設(shè)計增加更豐富的視覺體驗。