html 改变hr 颜色,更改hr元素的颜色

我想如果您打算更改tag 产生的线条的颜色，则应该使用border-color而不是。color

---

虽然，在注释中已经指出，如果您更改线条的大小，边框仍将与样式中指定的宽度一样，并且线条将被填充为默认颜色(大多数情况下这不是期望的效果)时间)。因此，在这种情况下，您似乎还需要指定background-color(如@Ibu在其答案中建议的那样)。

HTML 5 Boilerplate项目的默认样式表中指定以下规则：

hr { display: block; height: 1px;

border: 0; border-top: 1px solid #ccc;

margin: 1em 0; padding: 0; }

SitePoint最近发表了一篇名为“ 12个鲜为人知的CSS事实”的文章，其中提到，如果您指定，

---

可以将其设置border-color为其父项。colorhr { border-color: inherit }