Fun with Bulleted Lists
by Thomas BruntCustom bullet points are very easy with css. Just put this code in your external style sheet > drop the image you want to use in
your images folder > you're good to go.
Code Explanation
list-style-image: url(images/bullet1.gif);
This tells the browser where to look for the bullet image.
list-style-type: disc; color: #000000;
This tells browsers that do not support CSS2 to display a filled solid
black circle (disc.)
UL LI
This tells the browser what to do for bullets in a normal bulleted
list.
UL LI LI
This tells the browser what to do for bullets in a list that is nested
within a normal bulleted list.
UL LI LI LI
This tells the browser what to do for bullets in a list that is nested
within a nested list.