Using Images as Bullets

Although there are a number of default bullet styles you can specify through CSS, sometimes you want to style a page in such a way as to take total control of the appearance of the bullets. Without CSS, you would have to resort to using paragraphs with positioned images, laying out a table to contain the images used for bullets, or both. In any case, you lose the semantic value of your list elements and load up your page with unnecessary markup. Using CSS, specifying images in an unordered list is a surprisingly simple matter.

In this exercise, you will substitute images for default bullets in a standards-compliant, semantically valid, easily maintainable way, and using very limited code.


USE the CH5 sample site you modified ...

Get Microsoft® Expression® Web Step by Step now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.