Html 裁剪三角形和simular等形状的路径或边框？ 我有网页设计，所有的东西都是由非矩形的形状、多边形、锋利的边……我认为哪种技术更适合使用CSS或带边框的剪辑路径？我之所以这么问，是因为我在其他网站上看到，他们在形状上使用边框技术

为什么不使用css这样简单的剪辑路径呢

<pre>
.triangle {
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
</pre>

与此相反：

使用边框。非剪辑路径

这是因为根据

如果您不介意您的网站不在IE和Edge中运行，并且只在带有前缀的其他浏览器中部分运行，您可以使用clip path。

还有更多方法：

<pre>
.triangle {
    width:0;
    border-bottom:solid 50px black;
    border-right:solid 30px transparent;
    border-left:solid 30px transparent;
}
</pre>