假如你的前端女友问你html的三角形怎么写的问题，为了防止她下次忘记了再问，将原理记录起来，下次拿她看
border颜色
假如一个div，把他四边border颜色设置为不一样，在浏览器显示，border之间连接处将会出现梯形
div宽度设为0
可见如果border越大，div宽高越小，梯形越明显
如果div的宽高小到为0，那就会出现三角形
border颜色设置透明
将其中三边border的颜色设置为透明，即可留下一个三角形
三角形添加阴影
如果要给三角形添加阴影，box-shadow的阴影是整个div的阴影
而要给三角形添加阴影，应该添加的是投影，也就是filter
filter: drop-shadow(0 0 10px rgba(0, 0, 0, .9));
