Home Css List How to Use Image as a Bullet For List Using CSS
How to Use Image as a Bullet For List Using CSS

Create Html file by using following code

<html>
<head>
</head>
<body>
<ul>
<li>coffee</li>
<li>tea</li>
<li>Coca-Cola</li>
</ul>
</body>
</html>

Above code will give you following result

Use Image For List Using Css

Take an image which you want to use as a bullet. I have choose this imageUse Image For List Using Css.

Add following code between<head> and </head>

<style type="text/css">
ul {list-style-image: url(list.png)}
</style>

The final effect will be as follow

Use Image For List Using Css