如何使用CSS3绘制梯形/梯形？

您可以使用以下CSS：

#trapezoid {    border-bottom: 100px solid red;    border-left: 50px solid transparent;    border-right: 50px solid transparent;    height: 0;    width: 100px;}<div id="trapezoid"></div>

制作所有这些形状真的很酷，请查看以下更漂亮的形状：

http://css-tricks.com/examples/ShapesOfCSS/

编辑：此css应用于DIV元素