如何用css画一个三角形

可以使用 CSS 的 border 属性来绘制三角形，具体方法如下：

HTML 代码：

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

CSS 代码：

.triangle {
  width: 0;
  height: 0;
  border-top: 50px solid transparent; /* 上边框 */
  border-right: 100px solid #f00; /* 右边框 */
  border-bottom: 50px solid transparent; /* 下边框 */
}

解释：

1. 首先，将 div 元素的宽度和高度设置为 0，这是因为三角形的大小是由 border 边框定义的。
2. 然后，使用 border-top 定义三角形的上边框，设置颜色为透明，宽度为 50px。
3. 使用 border-right 定义三角形的右边框，设置颜色为红色，宽度为 100px。
4. 最后，使用 border-bottom 定义三角形的下边框，设置颜色为透明，宽度为 50px。

这样就可以画出一个红色的等腰三角形了。可以根据需要调整 border 宽度和颜色，来绘制不同样式的三角形。