小三角和小箭头
小三角
标签的宽高为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网上商城,电器,