htmlとcss（スタイルシート） 【リストul要素】

今日はリストの書き方です。

リストとは文を書くときの箇条書きと同じようなものです。

例えば

キリンレモンの原材料

・糖類

・酸味料

・香料

・乳酸カルシウム

のような場合に<ul>要素を使います。

書き方

<h1>キリンレモンの原材料</h1>

<ul>

<li>糖類</li>

<li>酸味料</li>

<li>香料</li>

<li>乳酸カルシウム</li>

</ul>

と書きます。

リストで書くと自動的に・が付きます。

<ul>がリスト、<li>が項目と覚えましょう。

項目の頭に付いている・を消したい場合は

css（スタイルシート）で下記のように書きます。

li { list-style-type: none; }　　　印を表示しない場合

li { list-style-type: circle; }　　 白い丸印を付けたい場合

li { list-style-type: square; } 黒い四角を付けたい場合

ほかにも色々ありますが一部だけ紹介しておきます。

もっと詳しいホームページの作り方