如何用css自定义项目列表图标？
不使用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>
巴斯光年C浏览 4116回答 3
3回答
-
qq_安伊偌拉_0
你写错了，background:url(check_alt.png) no-repeat 0 50%;}，这一句，多了一个大括号}，后面的padding-left就不起作用了 -
wslover
设置 list-style-image:url(你的图片地址) -
echo_kinchao
你可以在里面引用的你背景图片不就好了
随时随地看视频慕课网APP
Html/CSS
CSS3