纯CSS 实现关闭图标 icon

最新推荐文章于 2025-05-13 14:37:40 发布

相太阳

最新推荐文章于 2025-05-13 14:37:40 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lwming/p/10924242.html

本文介绍了关闭 icon 的实现，主要涉及 HTML 部分和 CSS 部分，并展示了实现效果，整体较为简单。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本文介绍关闭 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);
    }