Con
CSS3 se pueden hacer cosillas:
http://www.css3shapes.com/
Las figuras mostradas ahí, son divs con
CSS3, nada de imágenes ni
Javascript.
Si te fijas el trapezoide es quizá lo más parecido a lo que comentas. Sólo que en el ejemplo son distintos sus lados horizontales. Es posible que si cambias los borders consigas lo que quieras.
Sin embargo, otra forma de hacerlo es con una imagen
PNG de la forma que tu quieras, esta la pones de fondo en el div.
Un saludo.