所属分类：web前端开发
css3实现圆点的方法：1、创建div为“<div class="status-point" style=" background-color:#67C23A" />”；2、通过设置css属性为“.status-point {display: inline-block;width: 6px;height: 6px;border-radius: 50%;}”即可实现圆点效果。
本教程操作环境：Windows10系统、HTML5版、DELL G3电脑
css3怎么实现圆点？
css实现小圆点
要求效果：
微博登录
QQ登录 <div v-if="scope.data.row.status === 1">
<div class="status-point" style=" background-color:#67C23A" />
已通过
</div>
<div v-else-if="scope.data.row.status === 0">
<div class="status-point" style=" background-color:#E6A23C" />
未被审批</div>
<div v-else-if="scope.data.row.status === 2">
<div class="status-point" style=" background-color:#00000040" />
未通过</div>登录后复制
<style scoped>
.status-point {
display: inline-block;
width: 6px;
height: 6px;
border-radius: 50%;
}
</style>登录后复制后面想到用，也可以用i标签。
推荐学习：《css3视频教程》
以上就是css3怎么实现圆点的详细内容，更多请关注zzsucai.com其它相关文章！
