css div选中打勾

您可以通过以下方式为 div 元素添加选中状态的勾号：

1. 使用伪元素 `::before` 或 `::after` 来创建勾号，然后使用 CSS 属性 `content` 将其添加到 div 元素中。

HTML 代码示例：

<div class="checkbox"></div>

CSS 代码示例：

.checkbox::before {
  content: "\2713"; /* Unicode 编码表示勾号 */
  display: block;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  background-color: #00bcd4;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}

.checkbox.selected::before {
  content: "";
}

2. 使用 CSS 属性 `background-image` 将勾号作为背景图像添加到 div 元素中，并在需要选中时切换背景图像。

HTML 代码示例：

<div class="checkbox"></div>

CSS 代码示例：

.checkbox {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

.checkbox.selected {
  background-image: url("checkmark.png");
  background-color: #00bcd4;
}

其中，`checkmark.png` 是包含勾号的图像文件。