html5 li标签设置列表图标

前言

li标签在html中大多作为导航或信息列表的结构。其实li配合list-style-type和list-style-position可以方便的设置小圆点或三角箭头。注意list-style-position: inside需要设置为inside设置在盒模型内才能生效。

  • aaaaaaaaaaaa

常见的数字排序:

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来设置箭头或者圆点等。

你可能感兴趣的:(html5 li标签设置列表图标)