olタグでカッコ数字や丸数字を使う

htmlのリストタグ(ol, ul)とかでカッコ数字や丸数字を使うと言うか、使っているように見せる方法。

xhtml

<ol class="num1">
<li><span>[1]</span>カッコ数字をリストで使う</li>
<li><span>[2]</span>カッコ数字をリストで使う</li>
<li><span>[3]</span>カッコ数字をリストで使う</li>
</ol>


css

/* num1 */
ol.num1 { margin-bottom: 1em; margin-left: 2em; }
ol.num1 li {
position: relative;
list-style: none;
line-height: 1;
margin-bottom: 0em;
}
ol.num1 li span {
position: absolute;
top: 0;
left: -1em;
}
* html ol.num1 li span { top: -0em; } /* for win ie6 */
*:first-child+html ol.num1 li span { top: -0em; } /* for win ie7 */


これでOK。

参考サイト。
カッコ数字や丸数字を使う
スポンサーサイト

トラックバック

コメント

コメントを残す

Secret


プロフィール

U2K

Author:U2K
いろいろプログラムに関しての覚え書きをちょくちょくと書いていきます。

オススメ










オススメ

忍者AdMax

u2k on Twitter

最近の記事