2012年11月15日
マーク付リストを作る
【ソース】
<ul><li>項目1</li><li>項目2</li><li>項目3</li>・・・</ul>
<ul type="disc | circle | square">〜</ul>
<li type="disc | circle | square">〜</li>
【説明】
ulの範囲で箇条書きリストを作成します。
リスト頭のマークは、指定することもできますが、ブラウザにより異なる場合があるので注意が必要です。
【サンプル】
▼以下のソースを表示します
<font size="2">
<ul>
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
</ul>
---------------------------<br>
<ul>
<li><p>項目1</p></li>
<li><p>項目2</p></li>
<li><p>項目3</p></li>
</ul>
---------------------------<br>
<ul>
<li type="disc">項目1</li>
<li type="circle">項目2</li>
<li type="square">項目3</li>
</ul>
</font>
[表示]
<ul><li>項目1</li><li>項目2</li><li>項目3</li>・・・</ul>
<ul type="disc | circle | square">〜</ul>
<li type="disc | circle | square">〜</li>
【説明】
ulの範囲で箇条書きリストを作成します。
リスト頭のマークは、指定することもできますが、ブラウザにより異なる場合があるので注意が必要です。
【サンプル】
▼以下のソースを表示します
<font size="2">
<ul>
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
</ul>
---------------------------<br>
<ul>
<li><p>項目1</p></li>
<li><p>項目2</p></li>
<li><p>項目3</p></li>
</ul>
---------------------------<br>
<ul>
<li type="disc">項目1</li>
<li type="circle">項目2</li>
<li type="square">項目3</li>
</ul>
</font>
[表示]
- 項目1
- 項目2
- 項目3
-
項目1
-
項目2
-
項目3
- 項目1
- 項目2
- 項目3
【ブログ・制作Tip！の最新記事】
この記事へのコメント