html - 更改 HTML 页面中的 hr 样式

<分区>

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

hr { color:whitesmoke}

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

最佳答案

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

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

<hr>

关于html - 更改 HTML 页面中的 hr 样式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45680885/

相关文章：

javascript - 当元素隐藏时如何禁用 `accesskey`？