[分享]css中如何给hr设置颜色

在CSS中，想要给``设置颜色，需要使用`bordercolor`属性。这个属性会给``的边框设置颜色。我们来看一下如何使用这个属性： 以上代码就是给``设置红色边框的样式。如果我们想要更改颜色，只需...

在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文件中定义类使用。