html列表项目符号应用图片,带有不同图像的HTML列表作为项目符号
HTML的
- One
- Two
- Three
CSS(在IE 7,8上不起作用) –
ul li:nth-child(1){
list-style-image:url(‘image1.png’);
}
ul li:nth-child(2){
list-style-image:url(‘image2.png’);
}
ul li:nth-child(3){
list-style-image:url(‘image3.png’);
}
适用于所有浏览器的CSS,包括IE 7,8
ul li:first-child{
list-style-image:url(‘image1.png’);
}
ul li:first-child + li{
list-style-image:url(‘image2.png’);
}
ul li:first-child + li + li{
list-style-image:url(‘image3.png’);
}
ul li:first-child + li + li + li{
list-style-image:url(‘image4.png’);
}
还没有评论,来说两句吧...