Beautiful Lists Using CSS

Remember those unordered lists that used <ul> and <li> tags? They usually looked like bullets from a Micrsoft Word document when used on a webpage. But now with the power of CSS, you can turn those boring lists, into something radically different.

You can take a simple list like this:

And turn it into something professional and elegant like this:

Just look at all the other examples here at Listamatic. Within each example, you will find the code on how to generate that particular style.

Some of my favorites are:

• 3D Imenu in Blue
• Kalsey CSS tabs
• ProjectSeven’s Uberlist
• ZDnet Emulation
• Image Swap

If you do not want to touch too much html coding, you can try out this List-O-Matic! It’s a list style sheet generator. All you have to do is fill in the data you want in your lists, and let it generate the code for you. Enjoy. :)