设计稿中的小三角该怎样解决？

Question

全部礼品文字上边有一个小三角，该怎么用css画出来呢

Answer 1

巧用border属性绘制三角形
纯CSS制作各种图形

Answer 2

可以参考下这个：
https://css-tricks.com/snippets/css/css-triangle/

Answer 3

div的上边框就是一个倒三角形

.triangel {
 border-width:100px;
 border-style:solid;
 width:0;height:0;
 border-color:red transparent transparent;
}

Answer 4

看你的网站兼容性了，碰上IE啥的你就老老实实的用png图片。要不就用楼上的css的方法。