如何使用css实现一个三角形

1. border

使用 CSS 绘制三角形的第一种方法就是使用 「border」 属性。

给定一个宽度和高度都为 0 的元素

根据想要三角形的样式，让 border 的某一边边可见，其他边都设置为透明

2. linear-gradient

linear-gradient 需要结合 background-image 来实现三角形，下面就来逐步使用渐变实现一个三角形。

3. clip-path

最后一种方法——clip-path，它是最精简和最可具扩展性的。 不过目前其在浏览器兼容性不是很好，使用时要考虑浏览器是否支持。