CSS リストには ul 以外にどのようなスタイルがありますか?

青灯夜游
リリース: 2021-11-09 15:20:40
オリジナル
2676 人が閲覧しました

ul (順序なしリスト) スタイルに加えて、CSS リストには次のものも含まれます。 1. 順序付きリスト スタイルは「

    」タグを使用して定義され、各リスト項目は「<」で定義されます。 ;li>" タグ定義; 2. リスト スタイルをカスタマイズし、「
    」タグを使用して定義し、各カスタム リスト項目は「
    」タグを使用します。

CSS リストには ul 以外にどのようなスタイルがありますか?

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

css リストには 3 つのスタイルがあります:

  • ul 順序なしリスト

  • ol 順序付きリスト

  • dl カスタム リスト

したがって、ul (順序なしリスト) スタイルに加えて、css リストには次のものも含まれます。 ol 順序付きリスト スタイルと dl auto リストを定義するスタイル。

順序付きリスト

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

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

    リスト項目はデフォルトで番号でマークされます。

    <ol>
    <li>第一个列表项</li>
    <li>第二个列表项</li>
    <li>第三个列表项</li>
    </ol>
    ログイン後にコピー

    CSS リストには ul 以外にどのようなスタイルがありますか?

    リスト項目のスタイルは、リスト項目マークアップのタイプを設定する list-style-type 属性を使用して設定できます。

    • 10 進数先行ゼロ 0 で始まる数字マーク。 (01、02、03 など)

    • lower-roman 小文字のローマ数字 (i、ii、iii、iv、v など)

    • upper-roman 大文字のローマ数字 (I、II、III、IV、V など)

    • # lower-alpha マーカーは下位アルファ (a、b、c) 、d、e など)

    • upper-alpha マーカーは上位アルファ (A、B、C、D、E など)

    • lower-greek 小文字のギリシャ文字 (アルファ、ベータ、ガンマなど)

    • ## lower-latin 小文字のラテン文字 (a、b、c、d、e など) .)

    • upper-latin 大文字のラテン文字 (A、B、C、D、E など)

    • hebrew 伝統的なヘブライ語の番号付けシステム

    • armenian 伝統的なアルメニア語の番号付けシステム

    • georgian 伝統的なグルジア語の番号付けシステム (an、ban、gan など)

    • ##cjk-ideographic 単純な表意文字番号
    • hiragana 記号は、a、i、u、e、o、ka、ki などです。 (ひらがな)
    • カタカナ マークは、A、I、U、E、O、KA、KI などです。 (カタカナ文字)
    • ひらがないろは 記号は、「い」「ろ」「は」「に」「ほ」「へ」「と」などです。 (ひらがなの通し番号)
    • カタカナいろは 記号は「い」「ろ」「は」「に」「ほ」「へ」「と」などです。 (カタカナシリアルナンバー)
    • ol{
      	list-style-type:lower-roman;
      }
      ログイン後にコピー

    CSS リストには ul 以外にどのようなスタイルがありますか?

    カスタマイズリスト

    カスタマイズリストは単なる列ではありません プロジェクトですが、プロジェクトとその注釈の組み合わせです。

    カスタム リストは

    タグで始まります。各カスタム リスト項目は
    で始まります。各カスタム リスト項目の定義は
    で始まります。

    <dl>
      <dt>Coffee</dt>
      <dd>黑热饮</dd>
      <dt>Milk</dt>
      <dd>白冷饮</dd>
    </dl>
    ログイン後にコピー

    CSS リストには ul 以外にどのようなスタイルがありますか?(学習ビデオ共有:

    css ビデオ チュートリアル

以上がCSS リストには ul 以外にどのようなスタイルがありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!