CSS繪制對勾，是網頁制作中常用的一個技巧，可以讓頁面元素更為生動、豐富，下面就來介紹一下如何使用CSS繪制對勾。

.checkmark{
display:inline-block;
width:25px;
height:25px;
border:2px solid #ff0000;
position:relative;
}
.checkmark::after{
content:"";
display:block;
position:absolute;
left:5px;
top:9px;
width:7px;
height:13px;
border:2px solid #fff;
border-top:none;
border-right:none;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
transform:rotate(45deg);
}

首先，我們需要創建一個容器，這里使用class名為“checkmark”，并設置容器寬高、邊框及相對定位等屬性。

然后，在容器中添加一個偽元素“::after”，用于繪制對勾圖形，這里需要設置元素的位置、大小、邊框及旋轉角度等屬性。

通過修改這些屬性值，可以實現不同樣式的對勾圖形。例如，通過調整寬高比例可以實現細長的對勾，通過修改旋轉角度可以實現不同傾斜角度的對勾。

總之，在網頁制作中，使用CSS繪制對勾是一個非常實用的技巧，可以幫助我們更好地表達頁面元素的含義，提高用戶體驗。