CSS可以幫助我們實(shí)現(xiàn)許多有趣的效果，包括繪制一些簡單的圖形，比如勾。

.checkmark {
display: inline-block;
width: 20px;
height: 20px;
border: solid 2px green;
transform: rotate(45deg);
overflow: hidden;
}
.checkmark:before {
content: "";
display: block;
width: 100%;
height: 100%;
background: green;
transform: rotate(-45deg) translate(0, 50%);
}

上述代碼使用CSS繪制一個(gè)綠色的勾，步驟如下：

1. 使用一個(gè)帶邊框的div元素作為勾的容器，設(shè)置大小和邊框顏色。

2. 將容器旋轉(zhuǎn)45度。

3. 使用:before選擇器在容器中添加一個(gè)偽元素，作為勾的主體。

4. 讓偽元素旋轉(zhuǎn)-45度，同時(shí)通過transform: translate(0, 50%);將它平移了一段距離，使其落在容器的一側(cè)，形成勾的形狀。

這個(gè)勾的樣式可以繼續(xù)調(diào)整，比如改變大小、顏色等，讓它適合不同的需求。