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效果可以合理使用一下，挺不错的。