CSS3為盒子添加顏色的方法

在CSS3中，我們可以使用color屬性為盒子添加顏色，這個屬性可以設(shè)置盒子的前景色，即文本顏色，如果我們有一個盒子，里面的文本內(nèi)容我們希望它是紅色的，我們可以這樣寫CSS：

.box {
    color: red;
}

這將會使.box類下的所有元素文本顏色變?yōu)榧t色。

CSS3也提供了background-color屬性，我們可以使用它為盒子添加背景色，我們希望盒子的背景色是藍色，可以這樣寫CSS：

.box {
    background-color: blue;
}

這將會使.box類下的所有元素背景色變?yōu)樗{色。

需要注意的是，color屬性設(shè)置的是文本顏色，而background-color屬性設(shè)置的是背景色，這兩個屬性的作用不同，需要根據(jù)具體的需求來選擇使用哪個屬性，CSS3還支持多種顏色格式，如十六進制顏色、RGB顏色、HSL顏色等，可以根據(jù)需要選擇適合的顏色格式來設(shè)置盒子的顏色。