全部礼品文字上边有一个小三角,该怎么用css画出来呢
div
的上边框就是一个倒三角形
.triangel {
border-width:100px;
border-style:solid;
width:0;height:0;
border-color:red transparent transparent;
}
巧用border属性绘制三角形
纯CSS制作各种图形
看你的网站兼容性了,碰上IE啥的你就老老实实的用png图片。要不就用楼上的css的方法。
可以参考下这个:
https://css-tricks.com/snippets/css/css-triangle/