html - 这是什么形状，如何使用CSS来实现？

如果有人可以帮助我，那就太好了！这是什么形状，您对我如何在CSS中实现这种形状有任何想法吗？



编辑：
我已经设法解决以下梯形的管理：

        function unassignTrap(obj) {
        console.log(obj);
        $('.trapezoid').each(function () {
            $(this).removeClass('trapezoid');
            $(this).addClass('trapezoid2');
        })
        $(obj).removeClass('trapezoid2');
        $(obj).addClass('trapezoid');
    }

最佳答案

它可能是梯形（某种形式），并且在CSS中使用border元素时很容易。

.trapezoid {
  border-bottom: 50px solid lightblue;
  border-left: 0px solid transparent;
  border-right: 80px solid transparent;
  height: 0;
  width: 300px;
}

<div class="trapezoid"></div>