[CSS] olの数字をCSSでいい感じに装飾する方法 * prasm（プラズム）あれ？どうやるんだっけな？となるコトが多いので、勉強がてら記事に。 olを使って連番付きのリストを作ろうと思った場合、数字部分が気に入らない事があります。 ブログパーツで言うと、人気記事のマークアップで、ランキングなんかを作るときに、数字部分にアプローチできれば、捗ること請け合いですね。 と思って、さあ、CSSで装飾や！ってなっても、あれolの数字って、どうやって弄ったらいいんだ？list-style？？みたいになります。 じゃあ、本腰入れてolの数字をカスタマイズしてやろう！と、イマココって感じです。 olとは？まずはolってなによ？という話しですが、簡単に言えば「数字付きリスト」をマークアップするためのHTMLですね。 <ol> <li>こんな</li> <li>感じで</li> <li>数字付き！</li> </ol> こんな感じで数字付き！といった具合に。 ブログやサイトのUIを作
![[CSS] olの数字をCSSでいい感じに装飾する方法 * prasm（プラズム）](https://cdn-ak-scissors.b.st-hatena.com/image/square/9ec25bc5d348bff15cecd1f10494d9e4a89909e3/height=288;version=1;width=512/https%3A%2F%2Fprasm.blog%2Fwp-content%2Fuploads%2F2013%2F12%2Fcss-ol-list.jpg)
Breadcrumbs & Multi-Step Indicator | CodyHouse
