ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSでliのドットを削除する方法

CSSでliのドットを削除する方法

青灯夜游
リリース: 2023-01-03 09:31:59
オリジナル
13143 人が閲覧しました

HTML の li タグには、デフォルトで小さなドットがあります。CSS の list-style-type 属性を使用して、li の小さなドットを削除できます。必要なのは、「list-style-type: none」を追加することだけです。 ;" を li タグに追加します。" スタイルでは、li リスト項目の前にマークを設定しないだけです。

CSSでliのドットを削除する方法

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

HTML の

  • タグには、(順序のないリスト内で) 自動的に小さなドットが付きます。
    <ul>
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ul>
    ログイン後にコピー

    レンダリング:

    CSSでliのドットを削除する方法

    この小さな点を削除するにはどうすればよいですか?実際、これは簡単で、

  • タグ list-style-type: none; のスタイルを設定して、小さなドットを削除するだけです。

    
    
     
     
    
    
    
    <ul>
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ul>
    
    
    
    ログイン後にコピー

    レンダリング:

    CSSでliのドットを削除する方法

    順序付きリストのシーケンス番号も使用できますlist-style-type: none; スタイルの削除。

    css list-style-type 属性

    list-style-type 属性は、リスト項目タグのタイプを設定します。 [推奨チュートリアル: CSS ビデオチュートリアル ]

    設定できる属性値は次のとおりです:

    #circleマークは白丸です。 正方形 マーカーは実線の正方形です。 10進数マーカーは数値です。 10 進数先行ゼロ0 で始まる番号タグ。 (01、02、03 など)小文字のローマ数字 upper-roman lower- alphaupper-alpha小文字のギリシャ文字 (alpha、beta、ガンマなど)#cjk-ideographic単純な表意文字番号hiraganaマーカーは、a、i、u、e、o、ka、ki などです。 (日本語のひらがな文字) カタカナ マーカーは、A、I、U、E、O、KA、KI などです。 (カタカナ文字) hiragana-irohaマーカーは、「い」「ろ」「は」「に」「ほ」「へ」「と」などです。 (ひらがなの通し番号) カタカナいろは 記号は「い」「ろ」「は」「に」「ほ」「へ」「と」などです。 (カタカナのシリアル番号) プログラミング ビデオ
    value 説明
    none タグがありません。
    ディスク デフォルト。マーカーは塗りつぶされた円です。
    #小文字のローマ数字 (i、ii、iii、iv、v など)
    大文字のローマ数字 (I、II、III、IV、V など)
    マーカーは下位アルファ (a、b、c、d、e など)です。
    大文字の英語文字 マーカーは、大文字のアルファ (A、B、C、D、E など)
    小文字ラテン文字 (a、b、c、d、e など)
    upper-latin 大文字のラテン文字 (A、B、C、D、E など)
    hebrew 伝統的なヘブライ語番号付け
    アルメニア語 伝統的なアルメニア語番号付け
    ジョージア語 伝統的なジョージア語番号付け (an,禁止、ガンなど)
    プログラミング関連の知識については、 をご覧ください。 !
  • 以上がCSSでliのドットを削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

    関連ラベル:
    ソース:php.cn
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    最新の問題
    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート