• 技术文章 >web前端 >css教程

    css怎么设置<hr>的颜色

    长期闲置长期闲置2021-11-25 18:52:22原创51

    方法:1、利用“background-color”属性设置,语法为“hr{background-color:颜色值;}”;2、利用“border-color”属性设置,语法为“hr{border-color:颜色值;}”。

    本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

    css怎么设置<hr>的颜色

    在css中,可以利用background-color属性来设置<hr>标签的颜色,下面我们通过示例来看一下,示例如下:

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <style>
            hr{
                border: none;
                height: 1px;
                background-color:red;
                }
            </style>
        </head>
        <body>
            <h1>123132132</h1>
        <hr>
        </body>
    </html>

    输出结果:

    29.png

    2、利用border属性来设置<hr>标签颜色,示例如下:

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <style>
            hr{
                border: 1px solid;
                border-color:red;
                }
            </style>
        </head>
        <body>
            <h1>123132132</h1>
        <hr>
        </body>
    </html>

    输出结果:

    30.png

    (学习视频分享:css视频教程

    以上就是css怎么设置<hr>的颜色的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css
    上一篇:怎么用css控制表格的字体大小 下一篇:css怎么把字体拉长
    VIP会员

    相关文章推荐

    • css中怎样设置文字旋转角度• css表格中的文字怎么设置居中• css怎样设置按钮背景色• css怎么调用class• css怎样更改img的边框颜色

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网