css3实现圆点的方法:1、创建div为“4448791f2bce6e66dd194df5592aa320”;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中文网其他相关文章!