純CSS的三角符號

項目中經常用到三角形，現在給大家講下用純CSS寫的下三角實心圖形

1 .triangle{
2     border-width: 5px 4px 0 4px;
3     border-color:  #454A7B transparent transparent transparent;
4     border-style:solid;
5     height: 0; 
6     width: 0;
7 }

其他方向的三角圖形自己調樣式哈，舉一反三，不要這麼懶嘛，自己弄才會進步。