| 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
Take an image which you want to use as a bullet. I have choose this image 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
|
. 
Featured Articles
Adobe Illustrator
Learn drawing technique, text effect, 3D graphic & more refer Illustrator Tutorial.
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.
If you want to learn to design website learn through our Dreamweaver Tutorial.
CSS (Cascading Style Sheets)
Save your time for website designing and speed up your work by using CSS.
Save your time for website designing and speed up your work by using CSS.
Creative Commons
This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 United States License