Zi 字媒體
2017-07-25T20:27:27+00:00
此篇文章瀏覽量：
724
舉例來說，假設希望所有的水平分隔線(全部的 )像文字一樣自動有相同的顏色，則可以透過 currentColor ：
body{
color:green;
}
hr{
border-top: 1px solid currentColor;
}
示意圖：
currentColor 不是一個靜態的顏色屬性值，而是會一直隨著 color 屬性的值來做變化，讓它成為 CSS 裡的第一個變數。
另外 currentColor 也是很多 CSS 顏色屬性的預設值：border-color、text-shadow、和 box-shadow的顏色、outline-color 等。
若覺得文章有幫助，請多分享，讓其他同好也能吸收網站技能知識。
Facebook
Twitter
寫了
5860316篇文章，獲得
23313次喜歡