<ol> <li>一つ目のリストです</li> <li>二つ目のリストです</li> <li>三つ目のリストです</li> <li>四つ目のリストです</li> <li>五つ目のリストです</li> </ol> ol { counter-reset: li; /* li のカウンタを 0 にセット */ list-style: none; } li:before { color: #f00; font-weight: bold; counter-increment: li; /* li の数を一つずつ増加 */ content: counter(li) ". "; /* 数を表示 */ }