Pure CSS Ordered List Style

Create beautiful ordered lists with pure CSS.

Using border radius, css gradients and pseudo elements along with the counter-reset and counter-increment properties you can create great looking ordered list styles with pure CSS / SCSS.

See the Pen Perfect CSS Ordered Lists by Rose Mckeon (@rosemckeon) on CodePen.

Doing Your Own Thing

This technique can be used in a variety of ways to make some excellent ordered bullet styles. You don’t even have to use decimals. Find out more on CSS-Tricks.

Leave a Reply

Your email address will not be published.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>