怎么让div矩形切两个三角形

您可以使用CSS的伪元素:before和:after来实现这个效果。具体的代码如下：

HTML代码：

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

CSS代码：

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

.triangle:before {
  content: "";
  position: absolute;
  top: -50px;
  left: -50px;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-right: 50px solid #333;
}

.triangle:after {
  content: "";
  position: absolute;
  bottom: -50px;
  left: -50px;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-right: 50px solid #333;
}

这样就可以实现一个div矩形切成两个三角形的效果了。