html列表项目符号应用图片,带有不同图像的HTML列表作为项目符号

爱被打了一巴掌 2022-10-06 07:58 275阅读 0赞

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’);

}

发表评论

表情：
评论列表 （有 0 条评论，275人围观）

还没有评论，来说两句吧...

相关阅读

    相关 HTML--特殊符号

    首发网址：[HTML--特殊符号\_IT利刃出鞘的博客-CSDN博客][HTML--_IT_-CSDN] 其他网址 > [网页特殊符号(HTML字符实体)大全\_前端向

    墨蓝墨蓝/ 0 赞/ 453 阅读