css用伪元素模拟一个三角

效果如图

 &::after {
    position: absolute;
    left: 0;
    content: '';
    left: 42%;
    bottom: -24px;
    width: 0;
    height: 0;
    // 因为我需要的是倒三角,所以只需要给 border-top加颜色即可,其他的就让它透明,以此类推
    border-top: 12px solid #092c53;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid transparent;
  }