首页 >web前端 >css教程 >如何使用 CSS 更改 HTML 水平线的颜色?

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

Susan Sarandon
Susan Sarandon原创
2024-12-11 17:39:19795浏览

How Do I Change the Color of an HTML Horizontal Rule Using CSS?

如何使用 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中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn