css - CSS中的四边形

Question

有没有办法在 CSS 中绘制四边形，而不使用边框属性？我在这里看到了这种绘制四边形的方法：

这是使用边框的示例代码：

.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)