<div class="arrow-down"><!--向下的三角--></div>
<div class="arrow-left"><!--向左的三角--></div>
<div class="arrow-right"><!--向右的三角--></div>
CSS
/*向上的三角*/.arrow-up {
width:0
height:0
border-left:30px solid transparent
border-right:30px solid transparent
border-bottom:30px solid #fff
}
/*箭头向下*/
.arrow-down {
width:0
height:0
border-left:20px solid transparent
border-right:20px solid transparent
border-top:20px solid #0066cc
}
/*箭头向左*/
.arrow-left {
width:0
height:0
border-top:30px solid transparent
border-bottom:30px solid transparent
border-right:30px solid yellow
}
/*箭头向右*/
.arrow-right {
width:0
height:0
border-top:50px solid transparent
border-bottom: 50px solid transparent
border-left: 50px solid green
}
纯css应该是不行了 因为项目符号样式 list-style-type 没有提供三角符号的取值list-style-type 的取值如下：disc : CSS1 默认值。实心圆circle : CSS1 空心圆
square : CSS1 实心方块
decimal : CSS1 阿拉伯数字
lower-roman : CSS1 小写罗马数字
upper-roman : CSS1 大写罗马数字
lower-alpha : CSS1 小写英文字母
upper-alpha : CSS1 大写英文字母
none : CSS1 不使用项目符号
armenianl : CSS2 未支持。传统的亚美尼亚数字
cjk-ideographic : CSS2 未支持。浅白的表意数字
georgian : CSS2 未支持。传统的乔治数字
lower-greek : CSS2 未支持。基本的希腊小写字母
hebrew : CSS2 未支持。传统的希伯莱数字
hiragana : CSS2 未支持。日文平假名字符
hiragana-iroha : CSS2 未支持。日文平假名序号
katakana : CSS2 未支持。日文片假名字符
katakana-iroha : CSS2 未支持。日文片假名序号
lower-latin : CSS2 未支持。小写拉丁字母
upper-latin : CSS2 未支持。大写拉丁字母。 你可以用调用你的三家符号的图片作为项目符号呀list-style-image : url ( url ) 括号里填你的项目符号图片的地址 也很方便的
