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

Posted 2023-03-21

【中文标题】更改 HTML 页面中的 hr 样式[重复]

【英文标题】：Change hr style in HTML page [duplicate]

【发布时间】：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;

<hr>

【参考方案2】：

你可以使用：

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

<hr/>

【参考方案3】：

hr border-top: 1px solid whitesmoke;

<hr>