項目リストCSSの定義方法

藏色散人
リリース: 2020-12-18 11:08:48
オリジナル
2860 人が閲覧しました

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 サイトの他の関連記事を参照してください。

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