在CSS樣式中，打勾符號被廣泛用于表示“正確”或“完成”的狀態，如在線表單中的“提交”按鈕或選框。如何使用CSS樣式在網頁中實現打勾符號呢？
首先，我們可以使用CSS的偽元素來在網頁中生成一個自定義的圖形。
代碼如下：

css
.checkmark {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
border: 1px solid #ccc;
border-radius: 50%;
}
.checkmark::after {
content: "";
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
width: 8px;
height: 15px;
border: solid #000;
border-width: 0 2px 2px 0;
}

我們先定義了一個容器元素.checkmark，設置了它的寬度、高度、邊框等基本屬性。然后通過偽元素::after在容器元素內部生成一個次要的圖形。為了居中顯示這個圖形，我們使用絕對定位，并將其上下左右都偏移50%。然后通過transform屬性將它旋轉45度。最后設置它的樣式，使之成為一個傾斜的正方形。
使用該樣式定義的.checkmark類可以直接添加到網頁中的HTML元素上，如下：

html
<p>提交：<span class="checkmark"></span></p>

這樣，在瀏覽器中打開網頁，我們就可以看到一個帶打勾符號的提交按鈕了。
至此，我們已經介紹了使用CSS樣式打勾的方法。希望這個小技巧能夠幫助你更好地設計和優化網頁。