リストを作りたいです

質問

CSSを使ってリストを作っています。

<ul>
<li>～～～</li>
<li>～～～</li>
<li>～～～</li>
</ul>

という感じにしています。
これを、リストの中にリストがあるようにしたいのですが、どうすればいいでしょうか？

●花
　□バラ
　□桜
　□梅

●果物
　□イチゴ
　□バナナ
　□すいか

●乗り物
　□バス
　□新幹線
　□飛行機

↑こういった表示にしたいと思っています。

よろしくお願いします。

回答No.1

php504 · ベストアンサー

リストを入れ子にすればいいのではないでしょうか
<ul>
<li>花
<ul>
<li>バラ</li>
<li>桜</li>
<li>梅</li>
</ul>
</li>
<li>果物
<ul>
<li>イチゴ</li>
<li>バナナ</li>
<li>すいか</li>
</ul>
</li>
<li>乗り物
<ul>
<li>バス</li>
<li>新幹線</li>
<li>飛行機</li>
</ul>
</li>
</ul>

お礼

なるほど、単純なことでしたね。そこまで考えてませんでした。
どうもありがとうございます。

回答No.3

partita

私なら

<dl>
<dt>花</dt>
<dd>バラ</dd>
<dd>桜</dd>
<dd>梅</dd>
<dt>果物</dt>
<dd>イチゴ</dd>
<dd>バナナ</dd>
<dd>すいか</dd>
<dt>乗り物</dt>
<dd>バス</dd>
<dd>新幹線</dd>
<dd>飛行機</dd>
</dl>

を使うかな。

リストマークはCSSで設定。
dlは用語・定義解説のみに使用されるものではありません。

お礼

そういうやり方もあるんですね。試してみたいと思います。
ありがとうございます。

回答No.2

BLUEPIXY

<ul type="disc">
<li>花
<ul type="square">
<li>バラ</li>
<li>桜</li>
<li>梅</li>
</ul>
</li>
<li>果物
<ul type="square">
<li>イチゴ</li>
<li>バナナ</li>
<li>すいか</li>
</ul>
</li>
<li>乗り物
<ul type="square">
<li>バス</li>
<li>新幹線</li>
<li>飛行機</li>
</ul>
</li>
</ul>

お礼

参考にします、ありがとうございます。