點擊右上方紅色按鈕關注「小鄭搞碼事」，每天都能學到知識，搞懂一個問題！

今天說的是color屬性，一個非常熟悉的簡單樣式屬性，color被廣泛運用的屬性。但也許有人還有知道，這個屬性並不僅僅只是定義文本的顏色。

一，先來看一下實際的現象

下面我來給body加一個color屬性。

有這麼一個結構。加上一段樣式：

看一下那個神奇效果：

通過結果可以看出：

1、圖片的alt文字的值，就是當圖片源載入不了時顯示的文字

2、列表元素的邊框

3、無序列表的點

4、有序列表的數字

5、文本P元素

6、hr感覺沒起作用

二、重新看一下w3c對color的定義

嗯， 上面這個官方定義寫的還是比較嚴謹的。需要關注一下的是，關於hr那個奇怪的現象，hr元素默認是不會繼承color屬性的。然而我加了border-color:inherit也貌似沒有作用到。

總結一下：

color屬性它並不僅僅只是定義文本的顏色。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！