正文

CSS画一个加号

郑建华 V管理员/ 2021年/ 0 评论

1123

这篇文章最后更新于1094天前，您需要注意相关的内容是否还可用，如有疑问请联系作者！

html

<div class="form-card">
  <div class="addSymbol" @click="addDesc" />
</div>

css

.addSymbol{
  width: 100%;
  height: 100%;
  color: #55A0EF;
  transition: color .25s;
  position: relative;
}
.addSymbol::before{
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 5vw;
  margin-left: -2.5vw;
  margin-top: -0.3vw;
  border-top: 0.6vw solid;
}
.addSymbol::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  height: 5vw;
  margin-left: -0.3vw;
  margin-top: -2.5vw;
  border-left: 0.6vw solid;
}