css li的图标问题

html-css014

css li的图标问题,第1张

<html><title>列表样式图片 list-style-image</title><head><style type="text/css">ul li{ list-style-type:none} ul li{ background:url( 地址换成你的!其他的不要动) no-repeat 4px 5pxline-height:30pxfont-family:"宋体"font-size:12px} </style></head><body><ul><li>卖品网</li><li>购物平台</li><li>购物评论</li><li>商品优惠信息</li></ul></body></html>ul li{list-style-type:none}让li前面没有那个点的! background:url(图片地址) no-repeat(不平铺)4px(上下距离)5px(左右距离)

给你段代码,如果你会CSS的话就应该能自己用了!

<style>

ul{list-style-type:none}

li{background:url(你的图标路径) no-repeat center left<br/> padding-left:具体数值//这是根据你背景图片的宽度而定的,也就是你图片有多宽,文本就离左边多这样就不会覆盖背景图片,达到实现你想要的那种效果!<br/>}

</style>

你这想干嘛?是li的框样式设置不了,还是li的前面的序列标记设置不了,还是背景无法设置。

list-style-type: none这是设置不要序列前面的图标

list-style-image: none这是设置自定义序列前面的图标没有——多余了!

background: url("icon-r72.png"),如果是背景无法设置,看看你的你的图是不是放在同一个文件夹