css小图标

最新推荐文章于 2023-12-15 11:58:25 发布

luzhongk

最新推荐文章于 2023-12-15 11:58:25 发布

阅读量572

点赞数

分类专栏：基础文章标签： css奇怪的小图标

本文链接：https://blog.csdn.net/luzhongk/article/details/78213592

版权

基础专栏收录该内容

33 篇文章 0 订阅

订阅专栏

https://css-tricks.com/snippets/html/glyphs/

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        div {
            font-size: 30px;
        }
        div:first-child:after {
            content: "\D7";
        }
        div:nth-child(2):after {
            content: "\2660";
        }
        div:nth-child(3):after {
            content: "\2661";
        }
        div:nth-child(4):after {
            content: "\2663";
        }
        div:nth-child(5):after {
            content: "\2664";
        }
        div:nth-child(6):after {
            content: "\2665";
        }
        div:nth-child(7):after {
            content: "\2666";
        }
        div:nth-child(8):after {
            content: "\2667";
        }
        div:nth-child(9):after {
            content: "\2668";
        }
    </style>
</head>
<body>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
</body>
<script>
</script>
</html>