css如何画一个上三角

使用CSS如何画一个上三角，我们先来看一下HTML代码：

<div class="triangle-up"></div>

接着，在CSS中我们定义这个div的样式：

.triangle-up {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 50px solid #000;
}

这行CSS代码定义了一个宽度为0、高度为0的div，这样就可以实现一个三角形了。其中，我们使用了border属性，将其上下两边设为透明的，左右两边为50像素宽度，颜色为#000的边框，通过这个设置可以画出一个倒立的三角形。如果想画一个正立的三角形，只需要把border-bottom改为border-top，代码如下：

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

通过这个简单的CSS代码，我们就能够画出一个漂亮的上三角形，让页面变得更加丰富多彩。