用css画一个三角形 并说说他的原理

可以使用 CSS 的 border 属性来画一个三角形。具体实现方法如下：

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

上面的代码中，width 和 height 分别设置为 0，表示三角形没有宽度和高度，只有三个边。border-top、border-bottom 和 border-right 分别表示三角形的三个边，其中 border-right 的颜色为 #333，即三角形的颜色。同时，我们将 border-top 和 border-bottom 的宽度都设置为 50px，即三角形的高度。

原理是利用 CSS 的 border 属性，通过设置 border 的宽度和颜色，来实现绘制三角形的效果。其中，利用了 border 的默认值为 transparent，使得三角形的两个底边不可见，只有一个斜边可见，从而形成了三角形的形状。