htmlでulタグの背景画像を設定する方法！ ！ _html/css_WEB-ITnose

HTML CSS

<ul><li class="even"></li><li class="odd"></li><li class="even"></li><li class="odd"></li><li class="even"></li><li class="odd"></li></ul>

ul{background: url("../img/not_result.png") no-repeat scroll left center transparent;}

ディスカッションへの返信 (解決策)

画像は li の下に配置する必要があります

li の内容はすべて空であるため、ul の高さは 0 です。より良い方法は、ul の高さを設定することです。 ul に高さを指定します。最小の高さ、つまり min-height を設定します。これにより、コンテンツの実際の高さに影響を与えず、画像を表示できるようになります。

li の内容はすべて空であるため、ul の高さは 0 です。ul の高さを設定できます。より良い方法は、ul の最小高さ、つまり min-height を設定することです。実際のコンテンツの高さを調整し、画像が表示できることを確認してください。

2# と同じである必要があります。子要素 li はフローティングであるか、コンテンツがないため、ul は背景をサポートしていません

ボーダー: 1px の赤
このスタイルを頻繁に使用すると、次のことがわかります。多くの問題があります

liの高さと幅を見てみてください