NO.71 リスト①
list-style-type
リストの最初に表示する点を様々な形・形式に変えられます。
<ul>,<ol>のtype属性と同じですね。
Value: disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none
<style type=text/css> <!-- li{list-style-type:square;} //リストの点を丸にする --> </style>
list-style-image
リストの最初の点を画像指定する事が出来ます。
Value: <url> | none
<style type=text/css> <!-- li{list-style-image:url("temp/iruka.png");} --> </style>
上記の内容を応用
◆HEAD内の記述
<style type="text/css"> <!-- .zzA{list-style-type:decimal} .zzB{list-style-image:url(temp/iruka.png)} --> </style>
◆BODY内の記述
<ol class=zzA> <li>天皇陛下万歳 <li>小泉純一郎万歳 <li>石原慎太郎万歳 </ol> <ul class=zzB> <li>公明党死ね <li>共産党死ね <li>社民党死ね </ul>
◆実行例
天皇陛下万歳
小泉純一郎万歳
石原慎太郎万歳
公明党死ね
共産党死ね
社民党死ね
前に戻る
次に進む
SEO
掲示板
[PR]
爆速!無料ブログ
無料ホームページ開設
無料ライブ放送
