前言
li标签在html中大多作为导航或信息列表的结构。其实li配合list-style-type和list-style-position可以方便的设置小圆点或三角箭头。注意list-style-position: inside需要设置为inside设置在盒模型内才能生效。
<ul>
<li>aaaaaaaaaaaa</li>
</ul>
<style>
li {
list-style:inside url('/i/eg_arrow.gif')
}
</style>
常见的数字排序：
1数字序列
list-style-type:decimal
2方块
list-style-type:square
3圆点
list-style-type: disc
4引入图片
list-style:inside url('/i/eg_arrow.gif')
除去list-style-type设置图标，可以用常规的relative配合absolute来设置箭头或者圆点等。
