July 30, 2009 番号付きの箇条書きは通常olタグを使ってマークアップしますが、入れ子になった場合とかにカッコ数字の番号や丸数字を利用したくなったことは無いでしょうか?僕の場合は往々にしてあります。 なので今回はol liでマークアップした場合カッコ数字や丸数字を表示させます。 ol liのデフォルトスタイルであるdecimalを非表示にしてカッコ数字や丸数字をli内に記述します。そしてspanタグでくくり、CSSで整形して表示すると言う方法です。 View Demo ソースコードは次のようになります。 XHTML <ol class="num1"> <li><span>[1]</span>カッコ数字をリストで使う</li> <li><span>[2]</span>カッコ数字をリストで使う</li> <li><span>[3]</span>カッコ数字をリストで使う</li> </