如何用CSS控制调用小图片

来源：百度知道 编辑：UC知道 时间：2024/05/25 11:02:50
就是一张一张小图片调用,比如第一行出现是一张,第2行出现是第2张,类似这样的,谁知道怎么用CSS控制?
就是弄个类似排行榜的东西啊,有10张图片分别是1到10,分别调用.

用CSS控制..
风格
#hotpic div.HP_c{ margin-top:5px}
#hotpic div.HP_c ul li{ line-height:19px; padding:0 0 0 5px !important; padding:3px 0 0 5px; margin-top:2px}
#hotpic div.HP_c ul li a{ color:#000000; text-decoration:none}
#hotpic div.HP_c ul li a:hover{ text-decoration:underline}
#hotpic div.HP_c ul li img{ vertical-align:middle}
#hotpic div.HP_c ul li.bg{ background:#FDDDEB}

有必要用CSS吗？
加个<br>不就换行了吗？
你的意图我还是不太明白

div里面加背景，很麻烦，不如用html

排行的那个不必要一张张来调图片，那要是有一百个排行不得写一百个样式，用一百张图片吗？这样是不可取的，所以一般都是把这些图片放在一张图里，比如有十个排行，那我们就把这十个数字切到一张图里，纵向的那种，然后把图片当作ul的背景来调，内容放在li里面，控制一下li的行高，让它能与ul里的背景图片的行高一样就行了，很简便的，给你看看我写的类似的排行：www.zjt.com.cn，你可以在火狐里用firebug来看结构和样式表