纯CSS如何实现状态圆点

2024-09-07 15:57:29

.circle {

    display: inline-block;

    width: 12px;

    height: 12px;

}

.circle:after {

    content: '';

    margin: 3px;

    display: table;

    width: 6px;

    height: 6px;

    background: #fff;

    border-radius: 50%;

}

Html: 我的是一个<i class="circle"></i>圆点

效果：

最新文章

热门文章