宝塔服务器面板，一键全能部署及管理，送你10850元礼包，点我领取

本文介绍关闭 icon 的实现。具体如下

1.html部分

<span id="close"></span>

2.css部分

    #close {
        display: inline-block;
        width: 30px;
        height: 4px;
        background: #333;
        transform: rotate(45deg);
    }

    #close::after {
        content: '';
        display: block;
        width: 30px;
        height: 4px;
        background: #333;
        transform: rotate(-90deg);
    }

效果如图：

纯CSS 实现关闭图标 icon-风君雪科技博客

就是这样，是不是很简单呢。