Css 在无序列表中插入图像而不是项目符号

Css 在无序列表中插入图像而不是项目符号,css,Css,我有以下代码: <div class="extra-details"> <ul class="browse-product-usp"> <li> <span class="text">

我有以下代码:

     <div class="extra-details">
                               <ul class="browse-product-usp">

                               <li>
                                <span class="text">
                                    Dimension: 11x11 inch
                                </span>
                              </li>

                            <li>
                                <span class="text">
                                    Paper Depth: 285 gsm
                                </span>
                            </li>

                    </ul>
            </div>
    ul{list-style-image:url(../img/arrow.png);}
当我输入以下代码时:

     <div class="extra-details">
                               <ul class="browse-product-usp">

                               <li>
                                <span class="text">
                                    Dimension: 11x11 inch
                                </span>
                              </li>

                            <li>
                                <span class="text">
                                    Paper Depth: 285 gsm
                                </span>
                            </li>

                    </ul>
            </div>
    ul{list-style-image:url(../img/arrow.png);}
它把我的文字从图像线上扭曲了,请帮忙

我希望箭头和文本在同一行。

试试这个

ul {
    list-style-image:url('image.gif');
}
试试这个

ul {
    list-style-image:url('image.gif');
}

用于
标签中的
背景图像

ul li {
background:url("http://cdn1.iconfinder.com/data/icons/silk2/resultset_next.png") no-repeat 0 3px;
line-height:25px;   
padding-left:25px;
}

用于
标签中的
背景图像

ul li {
background:url("http://cdn1.iconfinder.com/data/icons/silk2/resultset_next.png") no-repeat 0 3px;
line-height:25px;   
padding-left:25px;
}

您可以使用
背景:url(“image.gif”)不重复滚动0px 5px透明
而不是列表样式的图像

您可以使用
背景:url(“image.gif”)不重复滚动0px 5px透明而不是列表样式的图像

@arunes..它扭曲了我的文字行..请help@arunes..It扭曲了我的文字…请帮助:…我没有否决你…我的声誉没有那么高…但我尝试了你的代码,但它根本不起作用。@BhushanFirake好的,我会给你这个代码的实时演示,等等,这会给出全部李有背景!而不是列表样式。您需要使用列表样式的image:url来给出询问者期望的结果。附言:我不是那个投票否决你的人!我只是给你一个可能的理由。但是现在你不能为列表项使用不同的背景。您可以使用双背景,但IE不支持。最好的解决方案是使用列表样式的图像:url()很好,这就是答案@Rohit,因为我们的背景位置无法得到想要的结果,所以它很好:-)我希望OP现在会喜欢这个…。:…我没有否决你…我的声誉不高…但我尝试了你的代码,但它根本不起作用。@BhushanFirake好的,我会给你这个代码的实时演示,等等,这会给出答案整个李的背景!而不是列表样式。您需要使用列表样式的image:url来给出询问者期望的结果。附言:我不是那个投票否决你的人!我只是给你一个可能的理由。但是现在你不能为列表项使用不同的背景。你可以使用双背景,但IE不支持。最好的解决方案是使用列表样式的图像:url()太好了,这是@Rohit的答案,因为使用背景位置我们无法获得所需的结果,所以它很好:-)我希望OP现在会喜欢这个。。。。。。。。