Set image for bullet style with CSS

Javascript Web Development Front End Scripts

The list-style-image allows you to specify an image so that you can use your own bullet style.

Example

You can try to run the following code to set an image for bullet with CSS

<html>
   <head>
   </head>
   <body>
      <ul style = "list-style-image: url(/images/bullet.gif);">
         <li>Football</li>
         <li>Cricket</li>
      </ul>
   </body>
</html>

Chandu yadav

Updated on: 03-Feb-2020

359 Views

Kickstart Your Career

Get certified by completing the course

Get Started