Creating a Custom Bullet

Probably the most common question people ask when learning how to build these lists is, "Can I use a GIF to make custom bullets?"

Under older versions of the HTML standard, the answer was a flat "no." The list tags UL and LI only allowed limited choices for bullet styles. You can define you bullets to be discs, squares, or circles.

All that changed with the introduction of Cascading Style Sheets. Using CSS, you can define a custom bullet using code like this:

First you will need to find your graphic you want to use. You can find ones at the link listed below. Save it to your student folder with the name bullet.

You will need to edit your <ul> tag to define your custom bullet as shown below:

Custom Bullet