BFE.devAI解答 - CSS 问题
12. close button in CSS

这段代码只是为.close类的按钮添加了外边框。要创建一个关闭按钮，需要使用“伪元素”:before和:after，并在CSS中指定它们的宽度，高度，颜色和位置。

以下是一个示例CSS代码，用于创建一个带有3条竖直和水平线的关闭按钮，满足上述要求：

.close {  width: 20px;  height: 20px;  position: relative;  border: none;  padding: 0;  cursor: pointer;}.close:before,.close:after {  content: "";  position: absolute;  top: 50%;  left: 0;  right: 0;  margin: -1px auto 0; /* 使线条在垂直方向上居中 */  height: 2px;  background-color: #aaa;}.close:before {  transform: rotate(45deg);  width: 75%;}.close:after {  transform: rotate(-45deg);  width: 75%;}

这段代码使用:before和:after伪元素来创建两条线，然后通过transform属性将其旋转成3条线条，满足需求。通过width属性设置其宽度占据按钮宽度的3/4。此按钮的位置可以使用position属性进行控制。