" タグを使用してリスト項目を定義し、最後に CSS の "list-style" 属性を使用してリスト スタイルを定義します。 。"/> " タグを使用してリスト項目を定義し、最後に CSS の "list-style" 属性を使用してリスト スタイルを定義します。 。">

ホームページ  >  記事  >  ウェブフロントエンド  >  項目リストCSSの定義方法

項目リストCSSの定義方法

藏色散人
藏色散人オリジナル
2020-12-18 11:08:212741ブラウズ

CSS で項目のリストを定義する方法: 最初に HTML サンプル ファイルを作成し、次に HTML の "

  • " タグを使用してリスト項目を定義し、最後に "list-style" 属性を使用します。 cssでリストのスタイルを定義するだけです。
  • 項目リストCSSの定義方法

    このチュートリアルの動作環境: Windows7 システム、HTML5&&CSS3 バージョンこの方法は、すべてのブランドのコンピューターに適しています。

    推奨: 「css ビデオ チュートリアル

    HTML では、

  • タグを使用してリスト項目を定義し、次に list-style 属性を使用できます。 css でリスト スタイルを定義する場合、短縮形の list-style 属性は 1 つの宣言ですべてのリスト プロパティを設定します。

    次のプロパティを順番に設定できます:

    • list-style-type

    • list-style-image

    • list-style-position

    例:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8"> 
    <style>
    ul 
    {
    list-style:disc;
    }
    </style>
    </head>
    <body>
    <ul>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Coca Cola</li>
    </ul>
    </body>
    </html>

    効果は次のとおりです:

    項目リストCSSの定義方法

  • 以上が項目リストCSSの定義方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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