美文网首页
css实现小圆点

css实现小圆点

作者: 司马安河 | 来源:发表于2021-12-23 08:36 被阅读0次

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">
    .redcircle {undefined
    position: absolute;
    margin: 52px 45px;
    width: 12px;
    height: 12px;
    background: #FF0000;
    border-radius: 50%;
    border: 1px solid #FF6347;
    }
    .greencircle {undefined
    position: absolute;
    margin: 52px 45px;
    width: 12px;
    height: 12px;
    background: #228B22;
    border-radius: 50%;
    border: 1px solid #3CB371;
    }

    .greencircle:after {undefined
      content: '';
      margin: 3px;
      display: table;
      width: 6px;
      height: 6px;
      background: #2090ff;
      border-radius: 50%;
    }
        </style>
    </head>
    <body>
        <div class="greencircle"></div>
    </body>
    

    </html>

    相关文章

      网友评论

          本文标题:css实现小圆点

          本文链接:https://www.haomeiwen.com/subject/osqhqrtx.html