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

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

青灯夜游
リリース: 2021-06-21 16:53:19
オリジナル
3314 人が閲覧しました

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

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

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

順序付きリスト

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

順序付きリストは

    タグで始まります。各リスト項目は
  1. タグで始まります。

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

    出力:

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

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

    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で順序付きリストのシリアル番号をキャンセルする方法

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

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

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