CSS 中的圓圈中間的√ 勾是如何實現的呢?
.circle { width: 50px; height: 50px; border-radius: 50%; background-color: #ddd; display: flex; justify-content: center; align-items: center; font-size: 30px; } .circle:before { content: "\2713"; }
首先,我們創建一個圓形 div 并設置它的寬度、高度和圓角屬性來實現圓形視覺效果。
接著,我們使用 flex 布局來將圓形 div 內部的內容進行居中,這里的內容就是我們想要添加的√ 勾。
最后,我們使用偽類:before 來向圓形 div 的內容之前添加√ 勾,同時使用 CSS 的 content 屬性來插入√ 勾的 Unicode 碼。
.circle:before { content: "\2713"; }
這樣,我們就可以輕松地實現圓圈中間的√ 勾啦!
下一篇vue框架網課