如何用CSS繪制對勾？

在CSS中，我們可以使用偽元素和旋轉(zhuǎn)變換來繪制對勾，以下是一個簡單的示例：

HTML代碼：

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

CSS代碼：

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

在這個示例中，我們創(chuàng)建了一個名為check的類，用于繪制對勾，我們設(shè)置了一個相對定位的元素，并指定了寬度和高度，我們使用偽元素::before和::after來繪制對勾的兩條線，通過設(shè)置transform屬性，我們可以將這兩條線旋轉(zhuǎn)到正確的位置，形成對勾的形狀，我們可以根據(jù)需要調(diào)整對勾的大小、顏色等屬性。