コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > CSSチュートリアル > 本文

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

不言
リリース： 2018-08-18 14:05:34
オリジナル
4266 人が閲覧しました

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

関連ラベル：
css列表样式
ソース：php.cn
前の記事：CSSでハイパーリンクを設定するにはどうすればいいですか？ CSSハイパーリンクのスタイルを設定する方法 次の記事：CSSで表のスタイルを設定するにはどうすればよいですか? CSSで表のスタイルを設定する方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
クエリと式は、新しい列を含むテーブル全体を形成します。新しい列は、他の条件列の値を含む式です。 編集: 式は「値」列、つま​​りカテゴリに基づいて最も低い user_id を持つ「値」列である必要があります。カテゴリ「A」の最も低い「user_id」の「value」列が 0....
から 2024-04-06 21:23:40
0
2
530
Javafx でインライン CSS スタイルを動的に変更する アプリケーションが最大化されているときにペインの背景画像を変更しようとしています。私の背景はインライン CSS を使用して設定されています。スタイル用に 2 つの異なる変数と if...
から 2024-04-06 20:57:16
0
1
487
MySQL SQLクエリを使用して別のテーブルのフィールドの合計を計算する 次のようなスキーマがあります。 属性「user_id」と「username」を持つユーザーテーブルと、属性「customer_id」（user_idのFK）と「finalPrice...
から 2024-04-06 19:39:29
0
1
441
MySQL: 「<ここの変数またはサブクエリ> として...からテキストを選択します」 次のデータを含む次のテーブルがあります: id text language 1 german text german 2 english text english 私が望むのは、次...
から 2024-04-06 19:25:54
0
2
529
SCSSを使用してデフォルト値とCSS変数を生成する ウェブサイトのスタイリングを実装しています。レガシー サポートの理由から、少なくともしばらくの間は IE11 をサポートする必要があります。ワークフローと私の健全性の理由から、私は...
から 2024-04-06 17:46:54
0
1
355
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート