HTML の li タグには、デフォルトで小さなドットがあります。CSS の list-style-type 属性を使用して、li の小さなドットを削除できます。必要なのは、「list-style-type: none」を追加することだけです。 ;" を li タグに追加します。" スタイルでは、li リスト項目の前にマークを設定しないだけです。
このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
HTML の
<ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul>
レンダリング:
この小さな点を削除するにはどうすればよいですか?実際、これは簡単で、
list-style-type: none;
のスタイルを設定して、小さなドットを削除するだけです。 <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul>
レンダリング:
順序付きリストのシーケンス番号も使用できますlist-style-type: none;
スタイルの削除。
css list-style-type 属性
list-style-type 属性は、リスト項目タグのタイプを設定します。 [推奨チュートリアル: CSS ビデオチュートリアル ]
設定できる属性値は次のとおりです:
value | 説明 |
---|---|
none | タグがありません。 |
ディスク | デフォルト。マーカーは塗りつぶされた円です。 |
マークは白丸です。 | |
マーカーは実線の正方形です。 | |
マーカーは数値です。 | |
0 で始まる番号タグ。 (01、02、03 など) | |
#小文字のローマ数字 (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,禁止、ガンなど) |
単純な表意文字番号 | |
マーカーは、a、i、u、e、o、ka、ki などです。 (日本語のひらがな文字) | |
マーカーは、A、I、U、E、O、KA、KI などです。 (カタカナ文字) | |
マーカーは、「い」「ろ」「は」「に」「ほ」「へ」「と」などです。 (ひらがなの通し番号) | |
記号は「い」「ろ」「は」「に」「ほ」「へ」「と」などです。 (カタカナのシリアル番号) | |
プログラミング関連の知識については、 | プログラミング ビデオをご覧ください。 ! |
以上がCSSでliのドットを削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。