Studies have shown that most web-pages aren’t read very closely, but scanned or “skimmed” through. Because of the cursory nature of most web readers, it becomes necessary to arrange your topics in small chunks … and bullets and numbering are very important.
When you create a bulleted list, by default, your visiters will see ugly black dots like this …
But if you really need to grab your audience’s attention you can use images for your bullets. The easiest way to do this is by using the “defininition list” tag. You can then create lists like this:
The "bullet image" is a tiny triangle I drew in PhotoShop. The only problem with the above method is that your bullets tend to sit close to the text and create wrapping problems. Here is the source code for this list.
Another method for simulating image bullets (which can actually look better) is to simply lay your text out into tables and place the “bullet” images as pictures. The problem here is that it is inconvenient to create new table rows everytime you want to expand the list with more points.
Here is what this table-list looks without the border. .