商品の注釈なんかで ※1 注釈だよ ※2 注釈だよ ※3 注釈だよ とか ※注釈だよ ※注釈だよ ※注釈だよ みたいなリストを作りたいことがあるじゃないですか。 こういう場合のCSS指定を毎回忘れるのでメモしておきます。 米印つきの<ol> CSS ol.asterisk { counter-reset: number; list-style: none; } ol.asterisk li:before { counter-increment: number; content: "※"counter(number)" "; } 表示結果 注釈1 注釈2 注釈3 米印つきの<ul> CSS ul.asterisk li { list-style-type: none; text-indent: -1em; } ul.asterisk li:before { display: inline;
