Question

我尝试使用CSS更改<hr>标记：

hr { color:whitesmoke}

但它根本不会影响我的HTML。有没有办法将水平线的颜色更改为与使用CSS的默认颜色不同的颜色？出于性能目的，我不想使用img（我希望用max-width: 100%颜色的水平线）但是有些CSS规则。

Answer 1

浏览器中<hr>的外观基于边框样式，而不是由color属性决定。因此，请尝试使用border-color代替：

hr {
  border: none;
  border-top: 1px solid whitesmoke;
}

<hr>

Answer 2

您可以使用：

hr { border: 0px; border-bottom: 1px solid whitesmoke; }

<hr/>

Answer 3

＆＃13;

hr {border-top: 1px solid whitesmoke;}

＆＃13;

<hr>

＆＃13;