Images Instead of Bullets for Lists

Sometimes an image is more appropriate than the normal dot or disk for list item markers.

A couple likely benefits of using images instead of bullets in unordered lists are:

• A good choice of image can make the web page appear more professional or, possibly synonymous, project a caring attitude.

• Bulleted items already tend to get more attention than normal paragraphs. This can get even more attention.

To change list item markers from standard to image, put this line into your CSS style sheet (or specify the definition in UL or OL HTML tag if using inline CSS), then edit as indicated below:

ul { list-style-image: url('image.png') }

Replace image.png with the URL of the image to use for a list item marker — the URL can be relative or absolute. If using images in ordered lists instead of unordered lists, change ul to ol

Will Bontrager