Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

How to create an image bullets in HTML ?

  • Last Updated : 12 Jan, 2021

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.  


Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.

list-style-image: url; 

Example: Below code illustrates that how to create image bullets using css.  


<!DOCTYPE html>
        How to create an image bullets in HTML?
        ul {
            list-style-image: url(
    <h1 style="color:green;">
        How to create an image bullets in HTML?
<p>List of fruits</p>


Supported Browsers are listed below:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Safari
  • Opera

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!