如何使用 CSS 更改 HTML 水平线的颜色？

如何使用 CSS 更改

---

元素的颜色

在 HTML 中，

---

标签创建一条水平线，可用于分隔网页的各个部分。默认情况下，这条线是灰色或黑色的，但您可以使用 CSS 轻松更改其颜色。

您提供的代码不会更改线的颜色，因为您使用的是“color”属性，该属性影响文本颜色，而不影响线条颜色。要更改线条颜色，您应该使用“border-color”属性。

hr {
  border-color: #123455;
}

这会将

---

线条的颜色更改为 #123455。

请注意，更改“边框颜色”将影响整行，包括添加到

---

元素的任何填充或边距。

如果您还想要更改线条后面的背景颜色，可以使用“background-color”属性：

hr {
  border-color: #123455;
  background-color: #efefef;
}

这会将线条颜色更改为#123455，将背景颜色更改为#efefef。

以上是如何使用 CSS 更改 HTML 水平线的颜色？的详细内容。更多信息请关注PHP中文网其他相关文章！