用css制作三角形图标

 <style>
        .box{
            width: 0;
            height: 0;
            border-top: 20px solid transparent;
            border-left: 20px solid transparent;
            border-right: 20px solid transparent;
           border-bottom: 20px solid #ccc; 
        }
    </style>
</head>
<body>
    <div class="box">

    </div>

保留一条边的颜色,其余的透明,盒子没有大小

上一篇:css_position_fixed


下一篇:微信小程序开发入门(二)