Question

无序列表换掉左边的小点为图片css的list-style-image:url("1.jpg"),怎样设置图片1.jpg的显示的高度和宽度

Answer 1

你这个功能可以不要使用UL的：list-style-image:url("1.jpg")

改成使用LI的： background

然后使用 background-size 来设置图片大小 。

注： CSS2.1 之前是不能设置背景图大小的。
CSS3就可以通过background-size来设定图片大小，可以是像素或者是百分比。
例如：background-size:100px 200px；表示把背景图片大小调整为100x200px。
PS：   目前IE只有IE9支持这个属性，但是其它主流浏览器也都支持。

追问

能是能改变高度和宽度,但是怎么把图片放到文字的左边,类似这个图片:在水果左边放图片

   <ul>
       <li>水果</li>
       <li>橘子</li>
       <li>榴莲</li>
   </ul>

追答

使用LI的： background 靠左不就行了，怕字压在一起挡到了，就再设置padding啊
例如：
.new ul li { overflow: hidden; padding-left: 15px; height: 25px; background: url(images/icon.jpg) left center no-repeat; background-size: 10px 10px; }

追问

66666666666666666666666666666666谢谢大神

追答

采纳一下呗，谢谢！