HTML リスト スタイルは削除できますか?リーの前の小さな黒い斑点を取り除く方法

仕事では、リストは順序付きリストと順序なしリストに分けられますが、順序なしリストにはシリアル番号が表示されます。冗長です。リストの前にドットとシリアル番号を表示する必要はありません。リストのスタイルを削除できますか? li の前のドットを削除するにはどうすればよいですか? 次に、例を挙げ、コードと画像で説明します。

この例を見て、順序のないリストを使用して古代の 4 人の美女の名前を書きました。リスト スタイルを削除しないとどうなるかを見てみましょう。

<ul>
   <li>西施</li>
   <li>王昭君</li>
   <li>貂蝉</li>
   <li>杨玉环</li>   
  </ul>

レンダリング:

さて、リストの先頭にあるドットは必要ありません。どのように削除すればよいでしょうか?

次に、リストの先頭にある小さな点を削除するいくつかの方法を紹介します。

1. CSS に list-style:none を追加します。この属性を使用して、リスト style

を削除できます。2. CSS に list-style-type: none を追加します。前の方法では、異なる属性を使用するだけです。

 ul{list-style: none;}

3. リスト スタイルを li タグに直接追加します。最初の 2 つのスタイルはドットを削除するために指定されていますが、後の 2 つは指定されておらず、表示されます。

ul{list-style-type: none;}

レンダリング:

4. もちろん、ラベルにクラス名を指定して CSS でスタイルを設定することもできます。たとえば、次のコードでは、最初の li ラベルのみがスタイル設定されます。前にドットがありません。

HTML 部分:

<ul>
   <li style="list-style-type: none;">西施</li>
   <li style="list-style-type: none;">王昭君</li>
   <li>貂蝉</li>
   <li>杨玉环</li>   
  </ul>

CSS 部分:

<ul>
   <li class="a1">西施</li>
   <li>王昭君</li>
   <li>貂蝉</li>
   <li>杨玉环</li>   
  </ul>

レンダリング:

概要: CSS のリスト スタイルを削除する方法は、個人の習慣によって異なります。これまでのチュートリアルが役に立ちます。

以上がHTML リスト スタイルは削除できますか?リーの前の小さな黒い斑点を取り除く方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。