How to make image bullet lists

Sometimes, the bullet lists might be a little bit plain, so you can always replace the bullet with a picture instead. So just use this code to use images for bullets <ul style="list-style-image: url(yourimagefile.gif)">. The style part of the code uses CSS and it just tells the browser that the bullets are pictures and where it can be retrieved. Also replace the yourimagefile.gif with the image that you want to use and you just type in the URL of where the image is located.

So let's use the code in an example:

See the change in the bullets:

• Bullet 1
• Bullet 2
• Bullet 3
• Bullet 4