0%

css画三角

css三角关键在border的绘制:
先画一个width,height都为0的div,然后给他的四个边都加上一个粗实线。

效果是这样的:
image
就构成了4个不同方向的三角形。
需要哪个三角形,就把其他方向的border的颜色透明度设置为0,比如我要左边的这个三角形,就把上,下,右边透明度设置为0:

效果看起来就是:
image