Triangulo via CSS

Fazer um triângulo via CSS

by mgibsonbr

HTML

<div class="color">
    <div></div>
</div>

CSS

body{
    background:gray;
}
.color{
    width:40px;
    height:40px;
    background:white;
}
.color > div{
    border-left: 40px solid transparent;
	border-right: 0px solid transparent;
	border-bottom: 40px solid black;
}