Perl Web開発者のHTML・CSS入門

【HTML5】ulタグ - 番号なしリストを作成する

ulタグを使用すると番号なしリストを作成できます。

<ul></ul>

番号なしリストに項目を追加するには、liタグをulタグの中に配置します。

• 項目1
• 項目2
• 項目3

<ul>
  <li>項目1</li>
  <li>項目2</li>
  <li>項目3</li>
</ul>

リストの項目にはデフォルトで、黒い丸が前につきます。

リストの黒丸を消す

リストの黒丸を消すにはスタイルシート(CSS)で「list-style:none;」を指定します。

• 項目1
• 項目2
• 項目3

<ul>
  <li style="list-style:none;">項目1</li>
  <li style="list-style:none;">項目2</li>
  <li style="list-style:none;">項目3</li>
</ul>

リストの詳しい作成方法については、以下の記事を参考にしてください。

リストの作成方法をマスターする