更改 HTML 页面中的 hr 样式[重复]答案

【问题标题】：Change hr style in HTML page [duplicate]更改 HTML 页面中的 hr 样式[重复]
【发布时间】：2018-01-22 16:02:01
【问题描述】：

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

hr { color:whitesmoke}

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

【问题讨论】：

【解决方案1】：

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

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

&lt;hr&gt;

【讨论】：

【解决方案2】：

你可以使用：

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

&lt;hr/&gt;

【讨论】：

【解决方案3】：

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

&lt;hr&gt;

【讨论】：