Show Output
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Setting Image Marker in Background with CSS</title> <style> ul { list-style-type: none; } ul li { background-image: url("/examples/images/bullet.png"); background-position: 0px 3px; background-repeat: no-repeat; padding-left: 20px; margin: 5px } </style> </head> <body> <h1>Using Image as Bullet Point</h1> <ul> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ul> </body> </html>
