我的一些 ul 和 li 有问题...
我想创建一个包含 3 li 的无序列表,每个 li 都有不同的列表样式图像...
我写了这段代码,但图像没有出现......
你能帮助我吗?谢谢!
编辑:使用 HTML 代码更新帖子;)
<div id="right_main">
<ul id="mainFeatures">
<li id="wishlist">Some text here...</li>
<li id="sharing">Some text here...</li>
<li id="linking">Some text here...</li>
</ul>
</div>
#right_main ul#mainFeatures {
height:250px;
width:350px;
overflow:hidden;
margin-left:25px;
}
#mainFeatures li {
font-weight:bold;
font-size:22px;
font-family:"Myriad Pro", sans-serif;
padding:5px;
}
#mainFeatures li#wishlist {
list-style-image:url(images/wishListImage.png);
list-style-position:outside;
}
#mainFeatures li#sharing {
list-style-image:url(images/sharingListImage.png);
list-style-position:outside;
}
#mainFeatures li#linking {
list-style-image:url(images/linkingListImage.png);
list-style-position:outside;
}
最有可能的是,您的图像被剪掉了overflow: hidden
。我已经删除了它,现在可以使用了:http://jsfiddle.net/ahwhj/ http://jsfiddle.net/ahwhj/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)