CSS リストのスタイルとは何ですか? CSSでリストのスタイルを設定する方法-CSSチュートリアル-php.cn

ホームページ

ウェブフロントエンド

CSSチュートリアル

CSS リストのスタイルとは何ですか? CSSでリストのスタイルを設定する方法

不言

Aug 18, 2018 pm 02:05 PM

リストの CSS スタイルと CSS リストスタイルの設定方法とは何ですか?次の記事ではCSSリストスタイルについて紹介します。

1. CSS 順序付きリスト (ol) と CSS 順序なしリスト (ul)
list.html

<!doctype html><html><head>
    <meta charset="utf-8">
    <title>列表样式</title>
    <link href="box.css" type="text/css" rel="stylesheet"></head><body>
   <p>
        <ul>
            <li>水果              <ol>
                <li>苹果</li>
                <li>香蕉</li>
                <li>梨子</li>
              </ol>
            </li>
        </ul>
    </p></body></html>

2. CSS リストラベルスタイル list-style-type
属性値:
円; 中空の円
ディスク; 塗りつぶされた円
小数; 数値
list.css

 ul>li{
     list-style-type:circle;
     }
ul>li>ol>li{
    list-style-type:disc;
    }

3. CSSラベルスタイルlist-style-positionの表示方法
属性値：outside（テキストの外側、デフォルト）
内部 (テキスト付き)
list.css

ul{
    text-align: center;    
    list-style-position:outside;
    }
ul>li{
    list-style-type:circle;
    }
ul>li>ol>li{
    list-style-type:disc;
    }

関連推奨事項:

CSS すべてのリストスタイルタイプ_html/css_WEB-ITnose

CSS: リストスタイル (リストアイテムのロゴパターン/位置を設定) _html/ css_WEB-ITnose

インポートされたスタイルシートCSSとリンクされたスタイルシートCSSの違い

以上がCSS リストのスタイルとは何ですか? CSSでリストのスタイルを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明

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

Google Fontsをタグ付けし、Goofonts.comを作成する方法Apr 12, 2025 pm 12:02 PM

Goofontsは、開発者妻とデザイナーの夫によって署名されたサイドプロジェクトであり、どちらもタイポグラフィの大ファンです。 Googleにタグを付けています

時代を超越したWeb開発記事Apr 12, 2025 am 11:44 AM

Pavithra Kodmadは、彼らが変化したWeb開発に関する最も時代を超越した記事のいくつかであると考えていることについて、人々に推奨事項を求めました

セクション要素との取引Apr 12, 2025 am 11:39 AM

2つの記事がまったく同じ日に公開されました。

graphQlの練習JavaScript APIでクエリをクエリしますApr 12, 2025 am 11:33 AM

GraphQL APIの構築方法を学ぶことは非常に挑戦的です。ただし、10分でGraphQL APIを使用する方法を学ぶことができます！そして、それは私が完璧になったことがあります

コンポーネントレベルのCMSApr 12, 2025 am 11:09 AM

コンポーネントがデータが近くに住んでいる環境に住んでいる場合、視覚コンポーネントと

円にタイプを設定します...オフセットパス付きApr 12, 2025 am 11:00 AM

ここでは、Yuanchuanからの合法的なCSSの策略があります。このCSSプロパティオフセットパスがあります。むかしむかし、それはモーションパスと呼ばれ、その後改名されました。私

CSSで「戻る」ことは何をしますか？Apr 12, 2025 am 10:59 AM

Miriam Suzanneは、このテーマに関するMozilla開発者のビデオで説明しています。

現代の恋人Apr 12, 2025 am 10:58 AM

私はこのようなものが大好きです。

See all articles

ホットAIツール

ホットツール

MinGW - Minimalist GNU for Windows

このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポートライブラリとヘッダーファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。