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实现小圆点
要求效果：
<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怎么实现圆点的详细内容，更多请关注php中文网其它相关文章！
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
