また、すべてのブラウザで、次の例で画像タグが表示されます。
例:
ul
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
ul li
{
background-image: url(sqpurple.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 14px;
}
説明の例:
ul:
- リストタイプをリストアイテムマークなしに設定します
- パディングとマージンを0pxに設定します(ブラウザーの互換性)
ulのすべてのli:
- 画像のURLを設定し、1回だけ表示されるように設定します(繰り返しなし)
- 必要なポジショニング画像の位置(左0pxと上下5px)
- padding-leftプロパティを使用して、テキストをリストに追加します
デフォルト設定を削除する
list-style-type:none属性を使用して、小さなマークを削除できます。デフォルトでは、リスト<ul>
または<ol>
パディングとマージン内に提供され、マージン:0とパディング:0を使用して削除します。
例:
ul {
list-style-type: none;
margin: 0;
padding: 0;
}