We would like to know how to list-style-image: url.
<html>
<!-- ww w .j a va2 s.c om-->
<head>
<style>
ul {list-style-image: url("http://placehold.it/20x20");}
li {marker-offset:20px;}
</style>
</head>
<body>
<ul>
<li>This example illustrates using an image for a bullet point.</li>
<li>This example illustrates using an image for a bullet point.</li>
<li>This example illustrates using an image for a bullet point.</li>
</ul>
</body>
</html>
The code above is rendered as follows: