CSS中的四边形

Question

有没有办法在CSS中绘制四边形而不使用边框属性？我看到这种方法来绘制quadrilaterals here：

以下是使用边框的示例代码：

.bluequad {
    border-bottom: 18px solid #00b8af;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    height: 0px;
    width: 10px;
}

但我不想调整边界。我需要一种方法来制作四边形而不使用边框属性。怎么办？

Answer 1

对于某些基本四边形，您可以使用不同的偏斜组合：

transform: skewX(20deg) skewY(20deg)