CSS是一種描述網頁樣式的語言，它可以用來實現各種視覺效果。其中之一是繪制打勾圖案，下面我們一起來看一下如何使用CSS來實現。

首先，我們需要使用偽元素::before和::after來創建打勾的形狀。接下來，我們定義一個類名為tick，然后為它設置樣式。在樣式中，我們使用絕對定位將偽元素定位到原元素的中間，并用變換將它們旋轉45度。最后，我們為偽元素設置顏色和邊框大小以完成圖案。

.tick {
display: inline-block;
position: relative;
width: 20px;
height: 20px;
border: 2px solid #000;
}
.tick::before,
.tick::after {
content: '';
display: block;
position: absolute;
width: 2px;
height: 8px;
background-color: #000;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
}
.tick::after {
height: 4px;
transform: translate(-50%, -50%) rotate(-45deg);
}

現在我們已經完成了打勾圖案的樣式。我們可以將它應用到任何需要的元素上，例如一個按鈕或一個復選框：

<button class="tick-button">Submit</button>
<input type="checkbox" class="tick-checkbox">

經過上述處理，我們就可以在網頁上看到漂亮的打勾圖案了。