HP工房エステックのカルチャー講座

■リストマーク - 2 CSS1-4
○表示例

  1. カルチャー講座トップへ
  2. 文字の色を指定する(ページ全体)
  3. 指定した部分の文字の色を変える
  4. リストマーク - 1


○サンプルプログラム

<html>
<head>
<title>リストマーク-2</title>
</head>
<body>
<p>○表示例</p>
<ol class="mlist">
<li type="1"><a href="culture.htm">カルチャー講座トップへ</a></li>
<li type="1"><a href="cs_list1-1.htm">文字の色を指定する(ページ全体)</a></li>
<li type="1"><a href="cs_list1-2.htm">指定した部分の文字の色を変える</a></li>
<li type="1"><a href="cs_list1-3.htm">リストマーク - 1</a></li>
</ol>
</body>
</html>

○書式(HTML)

<li type="">

○説明

HTML記述でリスト全体を<ol class="mlist"></ol>タグで囲み、各項目を<li type="値"></li>タグで囲みます。
サンプルプログラムは[type="1"=番号]を指定しています。

指定できるマークサンプル

  1. <li type="1">  通常の数字が表示されます (1番目のリストマーク=1
  2. <li type="a">  小文字のアルファベットが表示されます (2番目のリストマーク=b
  3. <li type="A">  大文字のアルファベットが表示されます (3番目のリストマーク=C
  4. <li type="i">  小文字のローマ数字が表示されます (4番目のリストマーク=C
  5. <li type="I">  大文字のローマ数字が表示されます (5番目のリストマーク=X

掲載内容によるトラブルに関して、当方は一切責任を負いません。

SEO [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送