|
 |
|
リストマークや番号の形式・画像
サンプルと機能
リストマークや番号の形式を変更します。
ULタグやOLタグなどのリスト、またはLIタグに指定します。
→ Sample：リストマークや番号の形式を変更
サンプル・ソース
緑の文字が変更箇所で、赤い文字が対応するソースです。
"/* */"内はコメントです。削除しても影響ありません。
必要な箇所をコピー＆貼り付けして編集してください。
→ Sample：画面全体に適用する場合
<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE type="text/css">
<!--
UL { list-style-type: circle } /* サンプルを見て好きな形式を指定して下さい */
/* イメージの場合
UL { list-style-image:
url("img/url.gif") }
*/
-->
</STYLE>
</HEAD>
<BODY>
</BODY>
</HTML> |
→ Sample：一部分に適用する場合
<UL>
<LI style="list-style-type: upper-alpha">サンプル</LI>
<LI style="list-style-image: url("img/url.gif")">サンプル</LI>
</UL> |
解説・注意点など
参考
・スタイルシートサンプル（リストマークや番号の形式を変更）
・スタイルシートサンプル（リストマークに画像を指定）
← Webデザインテクニックに戻る
|
|
|
