[分享]css3怎样打一个梯形出来

CSS3可以轻松地打造出各种各样的图形，包括梯形。那么，怎样使用CSS3打造一个梯形呢？以下是一份示例代码。

.trapezoid {
  border-bottom: 40px solid #333;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  height: 0;
  width: 200px;
} 

上述代码中，我们使用了border属性来实现梯形的效果。border-bottom为设置底部的厚度，border-left和border-right则设置两侧的厚度。通过调整这三个属性的值，可以实现不同形状和尺寸的梯形。

在实际使用中，可以将这段代码应用于一个带有类名为trapezoid的div元素上，如下所示。

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

这样，就可以轻松地在页面上展示一个漂亮的梯形了。