CSSのリストスタイルとは何ですか

CSS のリスト スタイルは次のとおりです: 1. css 順序付きリスト [ol] および css 順序なしリスト [ul]; 2. css リスト ラベル スタイル [list-style-type]; 3. css ラベル スタイル 表示モード[リストスタイル位置]。

このチュートリアルの動作環境: Windows7 システム、css3 バージョン、DELL G3 コンピューター。

CSS のリスト スタイルは次のとおりです:

1、CSS 順序付きリスト (ol) および CSS 順序なしリスト (UL)

　　list.html 　　 　　 　　 　　
 　　
 　　
 　　
水果
 　　
苹果
 　　
香蕉
 　　
梨子
 　　
 　　
 　　
 　　

2. css リスト ラベル スタイル list-style-type

属性値:

• # 丸;白丸

• # ディスク;黒丸

• # 10 進数;数値

##

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

ログイン後にコピー

3. CSSラベルスタイルの表示方法 list-style-position

　　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 ビデオ チュートリアル

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