使用HTML+CSS 制作小图标

小三角和小箭头

小三角

标签的宽高为0，给四个方向都设置透明的边框，然后把其中一个方向的边框设置为想要的颜色

    .box{

        width:0px;

        height:0px;

        border:50px solid transparent;

        border-top-color:red;

    }

小箭头

实现两个相同的小三角，使这两个三角不完全重叠，把上一层三角的颜色设置为背景色

        .cart{

            position: relative;

            width: 0px;

            height: 0;

            border: 50px solid transparent;

            border-top-color: red;

        }

        .cart::after{

            content: '';

            position: absolute;

            left: -50px;

            top: -55px;

            width: 0px;

            height: 0px;

            border: 50px solid transparent;

            border-top-color: #fff;

        }

阿里矢量字体图标库

网页tdk设置

    <title>小U商城-送货更准时、价格更超值、上新货更快</title>

    <meta name="keywords" content="小U网上商城,电器,