在CSS中,想要给`
`设置颜色,需要使用`border-color`属性。这个属性会给`
`的边框设置颜色。我们来看一下如何使用这个属性:
<hr style="border-color: red;">
以上代码就是给`
`设置红色边框的样式。
如果我们想要更改颜色,只需要更改`border-color`后面的值即可。
例如,我们想要设置为蓝色,可以这样写:
<hr style="border-color: blue;">
除了直接在HTML中使用样式,我们也可以在CSS文件中定义样式。我们可以使用以下代码定义一个类:
.hr-color {
border-color: yellow;
}
以上代码定义了一个名为`.hr-color`的类,这个类的`border-color`属性设置为黄色。我们可以在HTML中使用该类,让`
`元素应用此样式:
<hr class="hr-color">
这样就会给`
`元素设置黄色的边框。
总结一下,给`
`设置颜色可以使用`border-color`属性,可以在HTML中直接写样式,也可以在CSS文件中定义类使用。
文章说明:
本文原创发布于探乎站长论坛,未经许可,禁止转载。
题图来自Unsplash,基于CC0协议。
该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。