当您使用移动Safari浏览页面
http://m.google.com时，您将看到页面顶部的美丽的条。
我想画一些这样的梯形(美国：梯形)，但我不知道如何。我应该使用css3的3D变换吗？如果你有一个很好的方法来实现，请告诉我。
解决方法
你可以使用这样的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元素
