使用css 画三角形的三种方法

使用纯css 绘制三角形

方法一 使用边框实现

先实现一个div 四个粗边框 不同颜色 保留左右和下边框 设置左右边框为颜色为 transparent

方法二 linear-gradient 使用渐变背景

方法三 clip-path 最精简 但有浏览器兼容问题