html5 li标签设置列表图标

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

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

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

<li

style="list-type:none"><img

src="你要加的图片符号"</li>

在li的style里面将li

的默认黑点符号去掉,然后在li内容里卖弄添加你要用的图片符号就好了


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/7950891.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-11
下一篇 2023-04-11

发表评论

登录后才能评论

评论列表(0条)

保存