html5 li标签设置列表图标

html-css09

html5 li标签设置列表图标,第1张

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

除去list-style-type设置图标,可以用常规的relative配合absolute来设置箭头或者圆点等。

dw左边一竖最后一个图标是油漆桶图标。点击一下,选择第一个“应用源格式”。代码即可自行整理。

另外还有一点,行内元素是在dw源代码中不换行的(html文件显示也是,此处不是说html特性),所以偶尔会造成楼主这种情况。如果想要改变这个显示方式,可以这样设置dw:

编辑---》首选项  接下来如下图,选择每个代码在编辑完成的时候,利用“应用源格式”时,是否是换行的格式。

就是33.33333%,不是js设置,是css里面设置li的width: 33.3333%

li要float: left浮动后才能在一行,或者display: inline-block之类的。