Fancy Unordered Lists (bullet points) using CSS

List Icons with CSS

Have you ever wanted to add fancy bullet points to your unordered lists in your(x)HTML but never knew how? The truth is, it’s actually really easy to achieve. All you need to do is add a CSS class to your unordered list and then use your CSS to add your chosen image as the bullet points. In this post I’ll walk you through this step by step. First lets take a quick look at the list we’re going to be creating:

  • This is the first list item
  • This is the second list item
  • and this is the third list item

Continue reading “Fancy Unordered Lists (bullet points) using CSS”