0
点赞
收藏
分享

微信扫一扫

一个圆圈两个边框

青鸾惊鸿 2022-05-26 阅读 51

一个圆圈两个边框_html

效果就是这个图

<!DOCTYPE html>

<html lang="en">


<head>


    <meta charset="UTF-8">


    <title></title>


     <style>


    .box {


        width: 100px;height:100px;


        border: 2px solid green;


        position: relative;


        border-radius:50%;


    }


  .box:before{


        content:'';


        border:2px solid red;


        position: absolute;


        display: block;


        top: 0px;


        bottom:0px;


        right: 0px;


        left: 0px;


        border-radius:50%;


    }


  </style>


</head>


<body>


   <div class="box"></div>


</body>


</html>



举报

相关推荐

0 条评论