css书写下拉三角箭头

html代码

<i class="icon-triangle-dowm"></i>

css代码

body{
	background-color:#f00;
}
.icon-triangle-dowm{
    width: 0;
    height: 0;
    border: 4px solid #000;
    border-left-color: transparent;
    //_ border-left-color: #f00;
    border-right-color: transparent;
    //_ border-right-color: #f00;
    border-bottom: none;
}

优点：

• 减少http请求
• 兼容性好，ie6也支持
• 简单不麻烦，性能好