CSSでliのドットを削除する方法-CSSチュートリアル-php.cn

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

青灯夜游

リリース： 2023-01-03 09:31:59

オリジナル

13091 人が閲覧しました

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,禁止、ガンなど）





プログラミング関連の知識については、	をご覧ください。！