css实现圆环效果

最新推荐文章于 2023-08-14 22:20:56 发布

春风欲雨

最新推荐文章于 2023-08-14 22:20:56 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： css 文章标签： css 圆环

本文链接：https://blog.youkuaiyun.com/WebDestiny/article/details/100121365

css 专栏收录该内容

26 篇文章

订阅专栏

圆环效果图

å¾çæè¿°

.div{
        width: 100px;
        height: 100px;
        background-color: #fbc2eb;
        border-radius: 50%;
      }
.div:after{
        content: " ";
        display: block;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: #fff;
        position: relative;
        top: 25px;
        left: 25px;
      }