Shapes of css

Square using css

#square { width: 100px; height: 100px; background: red; }

Rectengle

#rectengle { background: red; height: 100px; width: 200px; }

Circle

#circle { background: red; border-radius: 50%; height: 100px; width: 100px; }

Triangle up

#triangle_up { width: 0;height: 0;border-left: 50px solid transparent;border-right: 50px solid transparent;border-bottom: 100px solid red; }


More....