html方形打钩代码

颜谦熙 2周前 11浏览 0评论

HTML中如何实现方形打钩呢?可以通过Unicode编码或CSS样式来实现。

1. 使用Unicode编码

<p>打钩:✔</p>

其中“✔”是Unicode编码中的“✔”字符,通过在HTML代码中使用它,就可以实现打钩效果。

2. 使用CSS样式

<style>
.tick {
  display: inline-block;
  width: 25px;
  height: 25px;
  border: 2px solid #ccc;
  border-radius: 3px;
  text-align: center;
  font-size: 20px;
  color: #333;
}
.tick:before {
  content: "\2714";
  display: block;
  margin-top: 2px;
}
</style>

<p>打钩:<span class="tick"></span></p>

以上代码通过CSS样式定义了一个class名为“tick”的元素,通过伪元素:before在其中添加了Unicode编码为“✔”的字符。因此,只需要在HTML代码中使用<span>标签,并在其中添加class名为“tick”即可实现方形打钩效果。