CSSリストアイテムマークブラウザ互換性ソリューション

また、すべてのブラウザで、次の例で画像タグが表示されます。
例:

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:

  1. リストタイプをリストアイテムマークなしに設定します
  2. パディングとマージンを0pxに設定します(ブラウザーの互換性)

ulのすべてのli:

  1. 画像のURLを設定し、1回だけ表示されるように設定します(繰り返しなし)
  2. 必要なポジショニング画像の位置(左0pxと上下5px)
  3. padding-leftプロパティを使用して、テキストをリストに追加します

デフォルト設定を削除する

list-style-type:none属性を使用して、小さなマークを削除できます。デフォルトでは、リスト<ul>または<ol>パディングとマージン内に提供され、マージン:0とパディング:0を使用して削除します。

例:

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

おすすめ

転載: blog.csdn.net/Serena_tz/article/details/114027878