Using an Image As a List Marker

You can use an image as the marker through the list-style-image property.

 
<!DOCTYPE HTML> 
<html> 
    <head> 
        <title>Example</title> 
        <style> 
            ul { 
                list-style-image: url('http://java2s.com/Book/HTML-CSSImages/star.png'); 
            } 
        </style> 
    </head> 
    <body> 
        I like: 
        <ul> 
            <li>A</li> 
            <li>B</li> 
            <li>C</li> 
            <li>D</li> 
            <li>E</li> 
            <li>F</li> 
        </ul> 
    </body> 
</html>

Click to view the demo

Home
HTML CSS Book
CSS

Lst Style: