The Shapes of CSS

The Shapes of CSS

All of the below use only a single HTML element. Any kind of CSS goes, as long as it's supported in at least one browser.

Square

Rectangle

Circle

Oval

Triangle Up

Triangle Down

Triangle Left

Triangle Right

Triangle Top Left

Triangle Top Right

Triangle Bottom Left

Triangle Bottom Right

Parallelogram

Trapezoid

Star (6-points)

Star (5-points) via Kit MacAllister

Pentagon

Hexagon

Octagon

via css-tricks.com