Css formas

¿Como se hacen las formas con css?

Bueno aquí les dejo un tutorial sobre como hacer varias formas con html y css es un poco laborioso pero de igual manera fácil.

CUADRADO

#square {width: 140px; height: 140px; background: blue; }

CIRCULO

#circle { width: 102px; height: 102px; background: #ba89a4; -moz-border-radius: 70px; -webkit-border-radius: 70px; border-radius: 70px; float: left; }

TRIANGULO 1

#triangulo1 { width: 0; height: 0; border-bottom: 102px solid #ba89a4; border-left: 51px solid transparent; border-right: 51px solid transparent; float: left; }

TRIANGULO 2

#triangulo2 { width: 0; height: 0; border-top: 102px solid #ba89a4; border-left: 51px solid transparent; border-right: 51px solid transparent; float: left; }

TRIANGULO 3

#triangulo3 { width: 0; height: 0; border-top: 102px solid #ba89a4; border-left: 51px solid transparent; border-right: 51px solid transparent; float: left; }

ROMBO

#rombo { width: 0; height: 0; border-top: 102px solid #ba89a4; border-left: 51px solid transparent; border-right: 51px solid transparent; float: left; }