想要實現純CSS寫出對勾，需要用到CSS3的偽元素::before和::after。

.checkmark {
position: relative;
display: inline-block;
width: 16px;
height: 16px;
}
.checkmark::before,
.checkmark::after {
content: '';
position: absolute;
width: 2px;
height: 8px;
background-color: #000;
}
.checkmark::before {
transform: rotate(45deg);
top: 2px;
left: 6px;
}
.checkmark::after {
transform: rotate(-45deg);
bottom: 2px;
left: 4px;
}

以上就是實現對勾的全部代碼，現在解釋一下代碼的含義：

• 首先我們創建了一個類名為checkmark的元素，并設置其寬高為16px。
• 然后，我們使用偽元素::before和::after分別創建一個豎線和斜線來拼湊出對勾圖案。
• 豎線和斜線都被設置成黑色背景顏色，并通過transform旋轉達到對勾的形態。
• 接著，我們設置豎線的相對位置為top:2px，left:6px，斜線的相對位置為bottom:2px，left:4px。

通過以上CSS代碼，我們就成功實現了通過純CSS方式創建出了一個對勾的圖案。