使用纯css 绘制三角形
方法一 使用边框实现
先实现一个div 四个粗边框 不同颜色 保留左右和下边框 设置左右边框为颜色为 transparent
方法二 linear-gradient 使用渐变背景
方法三 clip-path 最精简 但有浏览器兼容问题
使用css 画三角形的三种方法
使用纯css 绘制三角形
方法一 使用边框实现
先实现一个div 四个粗边框 不同颜色 保留左右和下边框 设置左右边框为颜色为 transparent
方法二 linear-gradient 使用渐变背景
方法三 clip-path 最精简 但有浏览器兼容问题