hi,欢迎访问本站!
当前位置: 首页Web前端正文

CSS修改hr元素颜色的方法

墨初 Web前端 249阅读

在前端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元素。

标签:
声明:无特别说明,转载请标明本文来源!
相关推荐