css 画一个三角形 |textarea去掉css下划线

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

上述CSS代码可以绘制一个红色三角形。通过设置border-top、border-bottom、border-right，分别代表三角形上边、下边和右边的样式。需要注意的是，三角形的高度和宽度都要设置为0，这是因为三角形是通过边框组成的，所以没有必要设置宽度和高度。

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

上述CSS代码可以绘制一个蓝色朝上的三角形。通过设置border-left、border-right、border-bottom，分别代表三角形左边、右边和下边的样式。同样需要注意的是，三角形的高度和宽度都要设置为0。

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

上述CSS代码可以绘制一个绿色朝下的三角形。同样地，使用border-left、border-right、border-top来绘制三角形。

通过这样的方式，你可以快速地绘制各种颜色、大小、方向的三角形，丰富你的页面设计。