リストのつくり方１

BACK TOP NEXT



リボン リストのつくり方 １ リボン


記号を使ったリストを作るには、

リストの初めに <ul> タグを記入します。

その中にリストの項目分の <li>項目名</li> を記入し,

最後に </ul> タグを記入します。





  • ベビー

  • キッズ

  • マタニティ



<ul>
<li>ベビー</li>
<li>キッズ</li>
<li>マタニティ</li>
</ul>





リストの記号は何も指定しない場合は、

●（黒丸）ですが 『type』 を使って指定すれば

○（白丸）や■（黒四角）にすることが出来ます。

白丸にしたい場合は 『type』 に 『circle』 を

黒四角にしたい場合は 『square』 を指定します。


<ul type="★"><li>～</li></ul>

★には 『disk』『circle』『square』 のいずれかを指定



【白丸にしたい場合は 『type』 に 『circle』 を】





  • ベビー

  • キッズ

  • マタニティ



<ul type="circle">
<li>ベビー</li>
<li>キッズ</li>
<li>マタニティ</li>
</ul>




【黒四角にしたい場合は 『square』 を】





  • ベビー

  • キッズ

  • マタニティ



<ul type="square">
<li>ベビー</li>
<li>キッズ</li>
<li>マタニティ</li>
</ul>





ｩ 数字を使ったリスト ｩ


数字を使ったリストを作るには、

リストの初めに <ol> タグを記入します。

その中にリストの項目分の <li>項目名</li> を記入します。

項目分の <li> タグを記入したら最後に </ol> タグを記入します。

<ol><li>～</li></ol>





  1. モンブラン

  2. チョコレートケーキ

  3. チーズケーキ



<ol>
<li>モンブラン</li>
<li>チョコレートケーキ</li>
<li>チーズケーキ</li>
</ol>



こんな感じにリストタグを使うと、より解りやすくまとめることができますね ハート

template- yamato


© Rakuten Group, Inc.
X

Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
    Share by: