使用Sprite图像设计UL

时间:2010-12-13 03:51:30

标签: html css html-lists

想知道是否可能使用精灵图像来替换ul列表默认项目符号。这可能吗?

2 个答案:

答案 0 :(得分:3)

列表具有list-style-image属性,但它通常太不灵活。

你通常可以使用这样的东西......

ul {
   list-style: none;
}

ul li {
   padding: 3px 0 3px 35px;
   background: url(images/layout/bullet.png) no-repeat left center;
}

精灵通常不是一个好主意 - 除非你将它们全部垂直分开并允许足够的垂直边距,这样列表项不会变得太大而其他精灵会流失。

答案 1 :(得分:2)

你确定它可能

首先删除li标签的项目符号样式

list-style:none;

然后为li标签提供background-image