How to create an image bullets in HTML ?
In this article, we have given some list items and the task is to create a list items with image bullets. This task can be done by using the list-style-image property in CSS. This property is used to set the image that will be used as the list item marker.
Syntax:
list-style-image: url;
Example: Below code illustrates that how to create image bullets using css.
HTML
<!DOCTYPE html><html> <head> <title> How to create an image bullets in HTML? </title> <style> ul { list-style-image: url( } </style></head> <body> <h1 style="color:green;"> GeeksforGeeks </h1> <h2> How to create an image bullets in HTML? </h2> <p>List of fruits</p> <ul> <li>apple</li> <li>mango</li> <li>banana</li> <li>grapes</li> <li>papaya</li> </ul></body> </html> |
Output
Supported Browsers are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Safari
- Opera
Please Login to comment...