CSS 制作三角形

以前用到三角形都是用小图片，今天看到一种用CSS制作三角形的方法，决定写下来：

<span class="arrowdown"></span>

arrowdown{width:0;height:0;font-size:0;border-width:20px;border-style:solid;border-color:#990000 transparent transparent;zoom:1;}

效果如下图：

 

用css做三角形主要原理是让border-color三个边框为透明，另一个边框随意设置其他的颜色。

用这种方法可以制作不同大小，不同颜色，向下向上向左向右的三角形。