Image bullets are used for better presentation on a website. Instead of having the default shaped bullets, people customize them to fit their site's layout.

This is an example of image bullets:

TEXT

TEXT

TEXT

Step 1:: Copy and paste this code to your CSS page (replacing the BULLET URL text):

li { list-style-image:url(BULLET URL); margin-bottom: 0px; margin-top: 0px; margin-right: 2px; margin-left: 0px; }

Step 2:: Now every time you want to use image bullets on your site, just use this code:
<li>TEXT <li>TEXT <li>TEXT </li></li></li>

If this tutorial helped, a link back is required.