CSS圓里畫對號，是一種比較常見的需求，本文將介紹如何使用CSS實(shí)現(xiàn)這一功能。

.checkmark {
position: relative;
width: 20px;
height: 20px;
border-radius: 50%;
border: 2px solid #a9a9a9;
}
.checkmark::before {
content: "";
position: absolute;
top: 50%;
left: 25%;
width: 30%;
height: 60%;
transform: rotate(45deg);
border-bottom: 3px solid #fff;
border-right: 3px solid #fff;
}
.checkmark::after {
content: "";
position: absolute;
top: 50%;
left: 25%;
width: 80%;
height: 4px;
transform: rotate(-45deg);
background-color: #fff;
}

我們首先定義了一個(gè)checkmark類，設(shè)置寬高以及圓角，邊框顏色。接著使用偽元素::before和::after來設(shè)置對號的樣式。注意，我們使用了position: absolute定位，使得對號能夠在圓內(nèi)居中顯示。

其中，::before偽元素會(huì)畫出一個(gè)寬和高均為checkmark的30%大小的等腰直角三角形，通過transform: rotate(45deg);旋轉(zhuǎn)45度，使其成為對號的左半部分。右半部分則是在::after偽元素中設(shè)置的。需要注意的是，兩個(gè)部分的起始點(diǎn)是從同一位置開始的。

最后，我們設(shè)置了右半部分的背景顏色為白色，覆蓋住左半部分的部分區(qū)域，以達(dá)到完整的對號的效果。

這樣，我們就成功使用CSS實(shí)現(xiàn)了在圓內(nèi)畫出對號的功能。