溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本文小編為大家詳細介紹“css3如何實現圓點”，內容詳細，步驟清晰，細節處理妥當，希望這篇“css3如何實現圓點”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。
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%;}”即可實現圓點效果。
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如何實現圓點”文章已經介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內容的文章，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
