css设置hr颜色

最新推荐文章于 2022-08-12 14:59:44 发布

叶若梦

最新推荐文章于 2022-08-12 14:59:44 发布

阅读量2.7k

点赞数 2

文章标签： html css

本文链接：https://blog.csdn.net/y1668239128/article/details/108603839

版权

css设置hr颜色

行内样式

<body>
    <hr style="border: 0; background-color: red; height: 1px; ">//行内式改变hr颜色
</body>

注意

<body>
    <hr style="background-color:red;">//直接设置颜色没有效果
    <hr style="border: 0; background-color: red;">//不加height: 1px;的话，一般hr不会显示
    <hr style=" background-color: red; height: 1px; ">//不加border: 0;的话，虽然颜色会改变，但是会显示一条黑色边框
</body>

内部样式

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        .hr{
            border: 0;
            background-color: red;
            height: 1px;
        }
    </style>
</head>
<body>
    <hr class="hr">
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

叶若梦

关注关注

2
点赞
踩
5

收藏

觉得还不错? 一键收藏
1
评论
css设置hr颜色

css设置hr颜色行内样式<body> <hr style="border: 0; background-color: red; height: 1px; ">//行内式改变hr颜色</body>注意<body> <hr style="background-color:red;">//直接设置颜色没有效果 <hr style="border: 0; background-color: red;"&
复制链接

扫一扫