トップ　>　超初心者でも分かるホームページの作り方　>　超初心者でも分かるCSSの[リスト]タグの書き方

超初心者でも分かるCSSの[リスト]タグの書き方

はじめに

初心者向けに、CSSの[リスト]タグの書き方をレクチャーします。


ul {
	list-style-type: square;	/* マークを四角にする */
	display: block;			/* リストを縦に並べる */
	line-height:1.5em;		/* リストの行間を変える */
}

HTMLファイルの方に、「ul style="list-style-type: square"」と書いても、四角いマークになります。この「style=""」と言うのは、他のタグにも有効で、マークを個別に変えたい時に使います。
「display」を「inline-block;」にすると、リストが横並びに表示されます。
「list-style-type」を以下の設定にすることができます。

詳細は、「クイックリファレンス」で見ることができます。

情報が古かったり、間違っていることなどによる損害の責任は負いかねますので、ご了承ください。