ホームページ >ウェブフロントエンド >フロントエンドQ&A >HTMLで順序付きリストのシリアル番号をキャンセルする方法

HTMLで順序付きリストのシリアル番号をキャンセルする方法

青灯夜游オリジナル: 2021-06-21 16:53:193304ブラウズ

HTML では、css list-style-type 属性を使用して、順序付きリストのシリアル番号をキャンセルできます。この属性は、リスト項目タグのタイプを設定できます。設定する必要があるのは、「list- style-type" を ol タグ要素に追加します。 :none;" スタイルで十分です。

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

順序付きリスト

順序付きリストは項目のリストであり、リスト項目には番号が付いています。

順序付きリストは

タグで始まります。

出力:

段落、改行、画像、リンク、その他のリストなどを内部で使用できます。リスト項目。

HTML で順序付きリストのシリアル番号をキャンセルするにはどうすればよいですか?

HTML では、list-style-type:none; を使用して、順序付きリストのシリアル番号をキャンセルできます。

list-style-type 属性はリスト項目タグのタイプを設定します。値が "none" に設定されている場合、タグは削除できます。
```
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
ol.b {list-style-type:none;}
</style>
</head>

<body>

<p>有序列表实例:</p>

<ol class="a">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="b">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

</body>
</html>
```
出力:

推奨チュートリアル: "html ビデオチュートリアル"、"css ビデオチュートリアル》

以上がHTMLで順序付きリストのシリアル番号をキャンセルする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

html5 css css3 html li

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：html5とWebフロントエンドの違いは何ですか次の記事：html5とWebフロントエンドの違いは何ですか

続きを見る