0

HTML:

<ul class="fruits">
<li>Peach</li>
<li>Apple</li>
<li>Orange</li>
<li>Banana</li>
<li>Pineapple</li>
<li>Strawberry</li>
</ul>

CSS:

.fruits ul
{
list-style-type:none;
padding:0px;
margin:0px;
}

.fruits ul li
{
background-image:url('http://www.myurl.co.uk/images/mybullet.png');
background-repeat:no-repeat;
background-position:0px 5px; 
padding-left:14px;
}

このページには他の水平ナビゲーション メニューがあるため、上記のように分類する必要があります。試してみると、デフォルトで箇条書きリストのみに戻り、機能しません。< ul > のみを使用してみましたが、うまくいきましたが、ページの残りの部分が台無しになりました。特定のクラスを持つ通常の垂直の箇条書きリストに関する提案はありますか?

4

1 に答える 1

1

これを試して：

ul.fruits
{
list-style-type:none;
padding:0px;
margin:0px;
}

ここでjsfiddle を作成しました。背景スタイルを削除したので、忘れずに再挿入してください。

于 2013-03-08T19:21:52.423 に答える