1、區(qū)別：作用不同color用于設(shè)置字體顏色，而background-color同于設(shè)置背景顏色。

(資料圖片)

2、實例colorbody{ color:red; } h1{ color:#00ff00; } p{ color:rgb(0,0,255); }2、background-colorbody{ background-color:yellow;} h1{ background-color:#00ff00; } p { background-color:rgb(255,0,255);}擴展資料background-color范圍background-color 屬性為元素設(shè)置一種純色。

3、這種顏色會填充元素的內(nèi)容、內(nèi)邊距和邊框區(qū)域，擴展到元素邊框的外邊界（但不包括外邊距）。

4、如果邊框有透明部分（如虛線邊框），會透過這些透明部分顯示出背景色。

5、color范圍這個屬性設(shè)置了一個元素的前景色（在 HTML 表現(xiàn)中，就是元素文本的顏色）；光柵圖像不受 color 影響。

6、這個顏色還會應(yīng)用到元素的所有邊框，除非被 border-color 或另外某個邊框顏色屬性覆蓋。

7、color參數(shù)color_name：規(guī)定顏色值為顏色名稱的背景顏色（比如 red）。

8、 2、hex_number：規(guī)定顏色值為十六進制值的背景顏色（比如 #ff0000）。

9、 3、rgb_number：規(guī)定顏色值為 rgb 代碼的背景顏色（比如 rgb(255,0,0)）。

10、 4、transparent：默認。

11、背景顏色為透明。

12、 5、inherit：規(guī)定應(yīng)該從父元素繼承 background-color 屬性的設(shè)置。

本文分享完畢，希望對你有所幫助。