CSSで作る三角形

CSSで三角形を書くことができます。

CSS
.tri{
height:0;
width: 0;
border-right: 200px solid transparent;
border-bottom: 400px solid #99eeee;
border-left: 0px solid transparent; 
}

HTML
<div class="tri">
</div>

解説は後ほど。