CSS Custom Bullet Points | Style List Items Marker

The custom bullet points or custom maker for list items can be defined/created using CSS, with the help of following CSS properties:

For example:

HTML with CSS Code
<!DOCTYPE html>
<html>
<head>
   <style>
      ul{list-style: url("images/fingerToRight.JPG");}
   </style>
</head>
<body>

   <h2>The three most used web developing languages are:</h2>
   <ul>
      <li>CSS</li>
      <li>HTML</li>
      <li>JS</li>
   </ul>
   
</body>
</html>
Output

The three most used web developing languages are:

  • CSS
  • HTML
  • JS

CSS Online Test


« Previous Tutorial Next Tutorial »



Like/Share Us on Facebook 😋