Tutorial 1 - Background images for bullets

Why use background images for bullets?

CSS can be used to change list bullets to squares or circles, but this provides very little control over their appearance or positioning.

HTML bullets can be replaced with graphic images using "list-style-image". However, the placement of these images is inconsistent across most modern browsers. There is also very little control over how the bullets appear beside the list items.

A far better option is to use background images for bullets. So how is this achieved?

Go to Step 1 →

Other Max Design articles and presentations
Associated with webstandardsgroup.org