0

次のコードがあります。

     <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>

これは、ブラウザで次のように表示されます。

ここに画像の説明を入力

私のCSSは以下の通りです：

    .text {
              color:#333;
              font-family: Helvetica, Arial, sans-serif;

  }

次のコードを入れると：

    ul{list-style-image:url(../img/arrow.png);}

テキストが iimage 行からゆがんでいます。助けてください ここに画像の説明を入力

矢印とテキストを同じ行に入れたい。

4

3 に答える 3

5

これを試して;

ul {
    list-style-image:url('image.gif');
}
于 2012-12-05T10:56:31.063 に答える
0

background: url("image.gif") no-repeat scroll 0px 5px transparent;list-style-imageの代わりに使用できます

于 2012-12-05T11:32:41.477 に答える
-1

background-imageあなたのliタグで使用されます

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

デモ

于 2012-12-05T11:02:02.597 に答える