HTML+CSS奥运五环

最新推荐文章于 2023-03-05 11:58:16 发布

J20001011

最新推荐文章于 2023-03-05 11:58:16 发布

阅读量277

点赞数 1

文章标签： css html css3

本文链接：https://blog.csdn.net/J20001011/article/details/121344239

版权

CSS 边框圆形颜色样式

关键词由CSDN通过智能技术生成

1、CSS格式代码


    <style>
        *{margin:0;
        padding:0;}
        div{width:200px;
            height:200px;
            border:10px solid red ;
            border-radius: 50%;
        }
        #black{border-color:black;
        margin-left: 220px;
        margin-top: -220px;
    }
    #green{border-color:green;
        margin-left: 440px;
        margin-top: -220px;
    }
    #yellow{border-color:yellow;
        margin-left: 110px;
        margin-top: -110px;
    }
    #blue{border-color:blue ;
        margin-left: 330px;
        margin-top: -220px;
    }
    </style>

2、HTML代码展示

<body>
    <div></div>
    <div id="black"></div>
    <div id="green"></div>
    <div id="yellow"></div>
    <div id="blue"></div>
</body>

3、效果图

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

J20001011

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
HTML+CSS奥运五环

1、CSS格式代码 <style> *{margin:0; padding:0;} div{width:200px; height:200px; border:10px solid red ; border-radius: 50%; } #black{border-color:black; margin-left:
复制链接

扫一扫