プロの指導で安心!なれる!できる!あなたもWEBデザイナー

ホームページは難しくない  ちょこっとHTML  Lesson4

<ul type="○○○"><li>〜</li></ul>
<ul><li type="○○○">〜</li></ul>

<ul> の属性に type="○○○" を入れることで、リストのマークを変更することができます。
通常のリストマークは 黒丸でしたね。

私の好きなくだものは

  • イチゴ
  • みかん
  • ばなな
  • りんご

指定できるのは 次の3種類です。

disc 通常の黒丸です。
circle 白丸になります。
square 黒四角になります。

また <li> の属性に type="○○○" を指定すると 指定したリストの項目のところだけ
マークを変更させることができます。つまり リストの項目ごとにマークを変更することも
可能です。

私の好きなくだものは

  • イチゴ
  • みかん
  • ばなな
  • りんご

リストマークを変えてみました

  • イチゴ
  • みかん
  • ばなな
  • りんご

上記のHTMLはこんな感じです。

<p>私の好きなくだものは</p>
<ul type="circle">
 <li>イチゴ</li>
 <li>みかん</li>
 <li>ばなな</li>
 <li>りんご</li>
</ul>
<p>リストマークを変えてみました</p>
<ul>
 <li type="disc">イチゴ</li>
 <li type="square">みかん</li>
 <li type="circle">ばなな</li>
 <li type="disc">りんご</li>
</ul>

 

ホームページは難しくない  ちょこっとHTML  Lesson4

当ホームページは リンクフリーです! 
Copyright (C) 2004. mamoho. All Rights Reserved.
掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載・公衆送信等を禁じます。