Home CSS Lists Use Images As Labels
Search MS Office A-Z   |   Search Web Pages/ Design A-Z

Use Images As Labels

Code:

ul {list-style-image: url(“symbol.jpg”); }

The most effort you will put in when using a graphic as a label is in the adjustment of the graphic. When you place a graphic in a regular Web page using the IMG element, you can designate the width and height like this:

<img src=”kazak_flag.jpg” width=”120” height=”90” />

As you can see in the example above, the list-style-image property doesn’t accommodate this, so you will need to scale the graphic to the precise size you need for the label. Fortunately, even simple graphics programs have this capability.