リストマークの入れ方と見本です。右にソースを表示しています。

スタイル指定しないとき

春の色

  • 空色・・・そらいろ
  • 水色鼠・・・みずいろねず
  • 浅縹・・・あさはなだ
<h1>春の色</h1>
<ul>
<li>空色・・・そらいろ</li>
<li>水色鼠・・・みずいろねず</li>
<li>浅縹・・・あさはなだ</li>
</ul>

<ul style="list-style-type:circle">

春の色

  • 空色・・・そらいろ
  • 水色鼠・・・みずいろねず
  • 浅縹・・・あさはなだ
<ul style="list-style-type:circle">
<h1>春の色</h1>
<ul>
<li>空色・・・そらいろ</li>
<li>水色鼠・・・みずいろねず</li>
<li>浅縹・・・あさはなだ</li>
</ul>

<ul style="list-style-type:square">

春の色

  • 空色・・・そらいろ
  • 水色鼠・・・みずいろねず
  • 浅縹・・・あさはなだ
<ul style="list-style-type:square">
<h1>春の色</h1>
<ul>
<li>空色・・・そらいろ</li>
<li>水色鼠・・・みずいろねず</li>
<li>浅縹・・・あさはなだ</li>
</ul>

<ul style="list-style-type:decimal">

春の色

  • 空色・・・そらいろ
  • 水色鼠・・・みずいろねず
  • 浅縹・・・あさはなだ
<ul style="list-style-type:decimal">
<h1>春の色</h1>
<ul>
<li>空色・・・そらいろ</li>
<li>水色鼠・・・みずいろねず</li>
<li>浅縹・・・あさはなだ</li>
</ul>

<ul style="list-style-type:lower-alpha">

春の色

  • 空色・・・そらいろ
  • 水色鼠・・・みずいろねず
  • 浅縹・・・あさはなだ
<ul style="list-style-type:lower-alpha">
<h1>春の色</h1>
<ul>
<li>空色・・・そらいろ</li>
<li>水色鼠・・・みずいろねず</li>
<li>浅縹・・・あさはなだ</li>
</ul>

<ul style="list-style-type:upper-alpha">

春の色

  • 空色・・・そらいろ
  • 水色鼠・・・みずいろねず
  • 浅縹・・・あさはなだ
<ul style="list-style-type:upper-alpha">
<h1>春の色</h1>
<ul>
<li>空色・・・そらいろ</li>
<li>水色鼠・・・みずいろねず</li>
<li>浅縹・・・あさはなだ</li>
</ul>

<ul style="list-style-type:lower-roman">

春の色

  • 空色・・・そらいろ
  • 水色鼠・・・みずいろねず
  • 浅縹・・・あさはなだ
<ul style="list-style-type:lower-roman">
<h1>春の色</h1>
<ul>
<li>空色・・・そらいろ</li>
<li>水色鼠・・・みずいろねず</li>
<li>浅縹・・・あさはなだ</li>
</ul>

<ul style="list-style-type:upper-roman">

春の色

  • 空色・・・そらいろ
  • 水色鼠・・・みずいろねず
  • 浅縹・・・あさはなだ
<ul style="list-style-type:dupper-roman">
<h1>春の色</h1>
<ul>
<li>空色・・・そらいろ</li>
<li>水色鼠・・・みずいろねず</li>
<li>浅縹・・・あさはなだ</li>
</ul>