Css - Figuras Geometricas

1.- Triangulo solo con css:
La idea es solo utilizar los bordes de un DIV y hacer transparentes 3 de sus bordes.

Codigo HTML

<div id="triangulo"> </div>

Codigo CSS

#triangulo{ /*Apunta a izquierda*/
    float:left;
    border-color: transparent green transparent transparent;    
    border-style: solid;    
    border-width: 50px;
    width: 0;
    height: 0;
}

El resultado:

2.- Circulo solo con css:
Aplicando bordes redondeados al DIV lograremos un circulo.

Codigo HTML

<div id="circulo"></div>

Codigo CSS

#circulo {
    float:left;
    background-color:#096;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    width:50px;
    height:50px;
}

El resultado:

Espero a alguien le sirva o le paresca intersante como ami.
Saludos.