使用CSS绘制三角形

小三角形不用再切图了，而是使用css的border即可实现，代码如下：
div.mun::before{
    content:'\20';
    display:block;
    width:0;
    height:0;
    border-width:0 9px 10px;
    border-style:none solid solid;
    border-color:transparent transparent rgba(59,61,64,.9);
}
注意事项：
1、伪类和伪元素：
   伪类（如hover、first-child、last-child）前用单冒号引用；
   伪元素（如before和after）前用双冒号引用。
   伪元素（before和after）在使用时，必须先content:'\20';否则不会显示，另外，它们表示元素（此例中是div.mun）内部的“元素”，显示在元素border和padding范围之内，不会出现在元素外面。
2、关于border：
   当width和height都为0的时候，border仍然存在且可以赋值。此例中实现的是一个尖角向上的金字塔形状的三角形。左右边框颜色为透明，但仍然有宽度，二者宽度之和，为三角形底边的长度；下边框的宽度，为三角形的高。上边框none掉。
3、关于颜色的写法：
   任何颜色值，除了带“#”的写法之外，还可以写成rgba的形式，其中的a表示alpha即透明度。透明度的小数点前面的0可以省略掉。

当然，CSS3支持，IE下就不要抱太大希望了。忽略之。