［HTML］リストを使う（箇条書き）（ul）

リスト表示

---

• 切り干し大根は30gとか35gのパックで使い切ります。
• 干ししいたけ２個を水で戻しておく。
• にんじんは４～５cmぐらい。
• 油揚げは１枚。

<ul type="disk">
<li>切り干し大根は30gとか35gのパックで使い切ります。</li>
<li>干ししいたけ２個を水で戻しておく。</li>
<li>にんじんは４～５cmぐらい。</li>
<li>油揚げは１枚。</li>
</ul>

※disk の指定をすると箇条書きの頭に "・" の点が付きます。

type に指定できるキーワードはほかにもこのようなものがあります。

<ul type="circle">　：白丸
<ul type="square">　：黒の四角

リストの上下の空白をなくすにはこのように指定します。

<ul style="margin-top:0px;margin-bottom:0px;">
<li>リスト</li>
</ul>

---

HTML Tips のページに戻る