为了账号安全,请及时绑定邮箱和手机立即绑定

如何用css自定义项目列表图标?

如何用css自定义项目列表图标?

巴斯光年C 2015-10-25 18:52:29
不使用list-style-type而是使用关闭项目列表,并且将定制的项目符号作为背景添加在列表元素中,然后更具使用背景图像的定位属性精确的控制自定义项目列表的对准方式。可是我做出来的结果为什么是这样。。。是跟line-height有关系吗?如果要添加line-height的话是应该添加在ul里面还是li里面?<html> <head> <style type="text/css"> ul{    margin:0;    padding:0;    list-style-type:none;}      li{    background:url(check_alt.png) no-repeat 0 50%;}    padding-left:32px;     } </style> </head> <body> <ul> <li>teenager</li> <li>dreams </li> <li>taylor</li> </ul>  </body> </html>
查看完整描述

3 回答

已采纳
?
qq_安伊偌拉_0

TA贡献27条经验 获得超2个赞

你写错了,background:url(check_alt.png) no-repeat 0 50%;},这一句,多了一个大括号},后面的padding-left就不起作用了

查看完整回答
1 反对 回复 2015-10-26
?
wslover

TA贡献53条经验 获得超20个赞

设置   list-style-image:url(你的图片地址)

查看完整回答
1 反对 回复 2015-10-25
?
echo_kinchao

TA贡献600条经验 获得超86个赞

你可以在里面引用的你背景图片不就好了

查看完整回答
反对 回复 2015-10-25
  • 3 回答
  • 0 关注
  • 4015 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信