ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSのUlとLiのlist-style-type属性の詳細説明

CSSのUlとLiのlist-style-type属性の詳細説明

黄舟
リリース: 2017-06-29 13:30:54
オリジナル
3406 人が閲覧しました

参照:

リスト スタイル タイプ | アルメニア語 | 低ギリシャ語 | ひらがな-カタカナ-いろは |

disc : CSS1黒丸

丸: CSS1 中空丸
四角: CSS1 黒四角

10進数: CSS1 アラビア数字

下ローマ字: CSS1 小文字ローマ数字
大文字ローマ字: CSS1 大文字ローマ数字
下アルファ: CSS1 小文字英字
大文字alpha: CSS1 の大文字の英字
none: CSS1 は黒丸を使用しません
armenianl: CSS2 はサポートされていません。伝統的なアルメニア数字
cjk-ideographic : CSS2 ではサポートされていません。明るい白色の表意数字
ジョージア語: CSS2 ではサポートされていません。従来のジョージ番号
小ギリシャ語 : CSS2 ではサポートされていません。基本的なギリシャ小文字
hebrew : CSS2 ではサポートされていません。伝統的なヘブライ数字
ひらがな : CSS2 ではサポートされていません。日本語のひらがな文字
hiragana-iroha : CSS2 ではサポートされていません。ひらがなのシリアル番号
カタカナ: CSS2 ではサポートされていません。日本語のカタカナ文字
katakana-iroha : CSS2 ではサポートされていません。日本語カタカナ シリアル番号
小ラテン語: CSS2 ではサポートされていません。小文字のラテン文字
upper-latin : CSS2 ではサポートされていません。大文字のラテン文字

------------------

LI コードの書式設定:

A) CSS を使用してリスト記号を書式設定します:

ul li{ 
list-style-type:none; 
}
ログイン後にコピー

B)。リストのシンボルを画像に変更したい場合:

ul li{ 
list-style-type:none; 
list-style-image
: url(images/icon.gif); 
}
ログイン後にコピー

C) 左揃えの場合は、次のコードを使用できます:

ul{ 
list-style-type:none; 
margin
:0px; 
}
ログイン後にコピー

D) リストに背景色を追加したい場合は、次のコードを使用できます。次のコード:

ul{ 
list-style-type: none; 
margin:0px; 
} 
ul li{ 
background
:#CCC; 
}
ログイン後にコピー

E ) リストに MOUSEOVER の背景の変色効果を追加する場合は、次のコードを使用できます:

ul{ list-style-type: none; margin:0px; } 
ul li a{ 
display
:block; width: 100%; background:#ccc; } 
ul li a:hover{ background:#999; }
ログイン後にコピー

注: 表示できるようにするには、この行を追加する必要があります。ブロック形式で!

F).LI の要素は水平方向に配置され、キー FLOAT:LEFT:

ul{ 
list-style-type:none; 
width:100%; 
} 
ul li{ 
width:80px; 
float:left; 
}
ログイン後にコピー

以上がCSSのUlとLiのlist-style-type属性の詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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