Using CSS, you can define a custom bullet using code like this:

<UL STYLE="list-style-image: url(redball.gif)">
<LI>Bullet 1</LI> 
<LI>Bullet 2</LI>
</UL>

This will produce the bullet list shown below:

This technique uses the CSS property "list-style-image," which defines the URL where our GIF image is located. If you wanted to define the location of our GIF using an absolute URL, you would write the UL tag like this:

<UL STYLE="list-style-
 images: url(http://www.netmechanic.com/
 news/vol3/redball.gif)">

Note that there's at least one disadvantage to using custom bullets like this: you can't define HEIGHT and WIDTH attributes for the image.