0
点赞
收藏
分享

微信扫一扫

一个圆圈两个边框怎么写?

穆熙沐 2022-05-26 阅读 40

一个圆圈两个边框怎么写?_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 条评论