[分享]css做个三角形

CSS是一种非常有趣的设计语言，它可以实现各种各样的效果，比如做一个漂亮的三角形，让我们来试试吧！

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

上面的代码中，我们创建了一个css类选择器，将其命名为“triangle”。该类选择器中，我们创建一个宽高都为0的矩形，并设置其上边框为50像素、颜色为红色。同时，我们将该矩形的右边框和左边框设置为透明，这样就形成了一个向上的三角形。

呈现效果如下：

是不是很简单呢？只需几行CSS代码就可以实现这样一个漂亮的三角形。CSS设计语言相当实用，它在网站设计中起到非常重要的作用，为我们提供了各种各样的效果和功能的实现。