列表样式

来源:互联网 发布:matlab asm算法 编辑:程序博客网 时间:2024/05/17 02:53

index.html

<html><head><title>列表项图像</title><style type="text/css">[name="a"]{/*列表项图像*/list-style-image: url('1.jpg')}[name="b"]{list-style-image: url('2.jpg')}[name="c"]{list-style-image: url('3.jpg')}ul{margin-left:25px;}div{width:780px;margin:auto;border:red outset 5px;/*dashed:虚线;dotted:点状线;soild:实线;groove;ridge;inset;outset*/border-right:orangeRed dashed 2px;border-left:orangeRed dashed 2px;}</style></head><body><div><ul><li name="a" >休闲</li><li name="b" >购物</li><li name="c" >上网</li></ul></div></body></html>


原创粉丝点击