如何在CSS中使用勾呢？

.check {
width: 20px;
height: 20px;
background-image: url('check.png');
background-size: cover;
}

在上面的代碼中，我們使用了一個叫做“check.png”的圖片來作為勾的背景。這個圖片需要放在CSS文件所在的目錄下。

接著，我們將圖片應用到一個CSS類（.check）上，并設置了該類的寬度和高度為20像素。隨后，我們使用了background-size屬性來確保圖片能夠填滿容器。

最后，我們可以在HTML中使用該類來顯示一個帶有勾的元素：

<div class="check"></div>

使用以上代碼，我們可以得到一個帶有勾的方塊。

除了直接使用圖片來作為勾的背景，我們還可以使用CSS的偽元素來繪制出勾的形狀：

.check {
position: relative;
width: 20px;
height: 20px;
}
.check::before {
content: '';
position: absolute;
top: 5px;
left: 9px;
width: 5px;
height: 10px;
border: solid #000;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}

在上面的代碼中，我們使用了CSS的::before偽元素來繪制勾的形狀。

首先，我們將容器的position屬性設置為relative，以便在后續操作中絕對定位偽元素。

隨后，在::before偽元素中，我們設置了該元素的content屬性為空，以便觸發元素的繪制。

我們還設置了元素的寬度、高度、邊框、位置和旋轉等屬性，最終得到了一個勾的形狀。

我們可以在HTML中使用該類來顯示帶有勾的元素：

<div class="check"></div>

使用以上代碼，我們可以得到一個帶有勾的方塊，該方塊的勾是使用CSS的偽元素繪制的。