5 Ways to Set Your Unordered Lists Apart

1: Change your Bullets

Sometimes, all your list needs is a new set of bullets to set it apart from all the other lists out there. For that, you’d turn to the list-style-type attribute.

2: Add Margins and Padding

If you really want your list to stand out, you could do worse than to literally set it apart with a bit of margin and padding.

3: Use an Image

One of the easiest ways to make your lists truly unique (and to ensure they mesh well with your site’s design) is to use images instead of bullets.

4: Borders, Backgrounds and the Hover Class

For a unique list style that doesn’t make use of images, you could always use borders, background colors, and the :hover pseudo-class to set your list apart.

The Whole Shebang

Of course, why stop at just using one of these techniques, when you could apply several at once?

—————-
Now playing: Cold - Cold — Gone Away
via FoxyTunes

Do Us a Favor:
  • Digg
  • Reddit
  • Facebook
  • del.icio.us
  • Mixx
  • StumbleUpon

Leave a Reply

You must be logged in to post a comment.