[分享]css写斜三角形

CSS是一种非常强大的网页设计语言，可以用它来实现各种各样的效果，包括画一个斜三角形。

.triangle {
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 100px solid red;
} 

以上的代码实现了一个红色的斜三角形，其原理是相当简单的。我们先定义一个 .triangle 的 class 属性，然后将其宽度和高度设为 0。接着，我们使用 CSS 的 border 属性，分别设置其左右边框的宽度为 50px，底边边框的宽度为 100px，并将其颜色设置为红色。需要注意的是，我们将左右边框的样式设为 solid transparent，表示边框为实线，且颜色透明。

当然，如果你需要画一个不同颜色或大小的三角形，只需要将上面的代码中的数值进行相应的调整即可。希望这篇文章能够帮助大家更好地理解 CSS 的强大之处，让你在网页设计中更加得心应手。