currentColor會繼承父級的顏色樣式，不論是color、background-color、border-color都會繼承父級的color色值，如果父級沒有color樣式，會逐級向上查找，直到html根節點，還沒有話，就使用瀏覽器默認顏色。 MDN上說明 ： > currentColor代表了當前元素被應用上的color顏色值。 使用它可以將當前這個顏色值應用到其他屬性上，或者嵌套元素的其他屬性上。 標簽： ~~~ <a href="##" class="link"><i class="icon"></i>返回</a> ~~~ 樣式： ~~~ .link:hover { color: #333; } .icon { display: inline-block; width: 300px; height: 180px; background: url('images/zhaoliying.png') no-repeat center; border: 10px solid currentColor; } ~~~ 效果：  后面寫一些transition效果可以合理使用一下，挺不錯的。