CSS修改hr元素颜色的方法

在前端web页面中有个hr元素，此hr元素就是html页面中分割线。在默认情况下hr分割线的颜色是灰色的，如果想要重新定义hr元素的颜色，可以参考下面的代码。

CSS改变hr元素颜色的方法

CSS修改hr元素的颜色，可以使用border属性。

例：

<!--hr的颜色被修改成了红色-->
<style>
hr{
    border-color: red;
}
</style>
<hr>

例2：

以下示例代码中，CSS不仅仅修改了hr的颜色，还修改了其高度。

<style>
hr{
    border: 3px solid red;
}
</style>
<hr>

以上就是利用CSS样式代码来修改hr元素的颜色的方法，大家可以重点关注一下CSS中的border元素。