Before Cascading Style Sheets became available when you added a bullet list onto your web page you had to be satisfied with of choice of:- circle, square, disc. Now by using CSS you can have your own custom list by specifying an image you would like to use and it is very easy, once you have an image that is.
You image should not be over 15x15 pixels in size and part of this can have a transparent value, I created the two images used in my examples by using the Wingdings Fonts in my graphics package rather than try and create one myself, you may like to try that also.
The possibilities are endless and only left to your imagination. Just follow the simple Steps shown below and you will be up and running in no time at all.
First you will need to decide how your new bulleted list is going to look, below is a basic of code in which we will use a image of a pair of Scissors, look at the line list-style-image: url(yourpath/scissor.png);
Now we need the actual code adding to the page to display our CSS Bulleted List, it is listed below.
The above was achieved just by changing a couple of values in Step One.
ul.scissors was changed to ul.phone
bullets/scissor.png was changed to bullets/phone.png
And the colour value was change to Green.
All the above examples are only the basic form and will be more than adequate for the majority of web page builders, once you have mastered this section you can go to the next advanced level