css X关闭按钮

Jsky
2019-03-07 16:49:26
前端
css HTML

.x-but{  position: absolute;  border-radius: 12px;  line-height: 20px;  height: 20px;  width: 20px;  font-size: 18px;  right: 20px;  }
.x-but:before {  position: absolute;  content: '';  width: 25px;  height: 3px;  background: #000000;  transform: rotate(45deg);  top: 25px;  left: 0px;  }
.x-but:after{  position: absolute;  content: '';  width: 25px;  height: 3px;  background: #000000;  transform: rotate(-45deg);  top: 25px;  left: 0px;  }

<div class="close-But"><span class="x-but"></span></div>

本文为Jsky原创文章,转载无需和我联系,但请注明来自Jsky博客 www.tjin.link