列表(ul)引导图 1-15 图标

作者:vkvi 来源:ITPOW(原创) 日期:2010-3-16

li 前面可以有引导符号,比如圆点、数字;也可以有引导图片。

若要使每个 li 的引导图片都不一样,那么就得为每个 li 指定不同的 list-style-image,这较为麻烦。所以有人把所有 li 的引导图片做成一个整体,再直接赋给 ul 的背景。常用的是用来表现文章序号 1-10,前面三个还是彩色标记,用以突出显示。

但我实际使用中遇到一个问题,就是记录条数多于 10 个,原来的背景图片不够用。所以我对图片改了改,使其可满足 1-15 条记录,现将背景图片列出来如下:

list

推荐

上面的图标数字之间的距离是固定的,不一定适合实际的网页,所以向您推荐ITPOW的 UL 引导图标创建器,它可以创建不同行距的 UL 引导图标。

顺便再列一种引导图片:

list

相关文章