List | Css

Home

List

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 image Use Image For List Using Css .

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

The final effect will be as follow

Use Image For List Using Css

Adobe Illustrator

Learn drawing technique, text effect, 3D graphic & more refer Illustrator Tutorial.

Adobe Dreamweaver

If you want to learn to design website learn through our Dreamweaver Tutorial.

CSS (Cascading Style Sheets)
Css

Save your time for website designing and speed up your work by using CSS.

Creative Tank