css三角形45度

在CSS中，我们可以使用一些技巧来实现45度的三角形。首先，需要设置一个元素的宽高为0，并且同时设置border属性，例如：

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

上面的代码中，我们设置了一个宽高为0的元素，并且通过设置border属性来实现了一个45度朝右的三角形。其中，border-top和border-bottom属性设置的是透明颜色，是为了让上下两边的边框不显示。border-right属性设置的是实心的黑色边框，是为了画出三角形的右侧斜边。

如果我们想要画一个朝左的三角形，可以将border-right改为border-left，例如：

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

通过这种方法，我们可以很方便地实现各种角度、各种朝向的三角形效果。