更改 HTML 页面中的 hr 样式

Question

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

hr { color:whitesmoke}

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

Answer 1

您可以使用：

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

<hr/>

Answer 2

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

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

<hr>

Answer 3

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

<hr>

Change hr style in HTML page