如何用css写出一个带左右投影的上三角

可以使用CSS的伪元素 `::before` 和 `::after` 来实现带左右投影的上三角形状。具体代码如下：

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

.triangle::before {
  content: "";
  position: absolute;
  top: -30px;
  left: -30px;
  width: 0;
  height: 0;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 30px solid rgba(0, 0, 0, 0.3);
}

.triangle::after {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 0;
  height: 0;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 30px solid rgba(0, 0, 0, 0.3);
}

可以将上述代码应用到任何 HTML 元素上，如 `<div class="triangle"></div>`，就可以得到一个带左右投影的上三角形状。