<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>list-style Shorthand Property</title> <style> ul { list-style: square inside url("examples/resources/bullet.png"); background: purple; } ul li { background: yellow; margin: 10px 0; padding: 5px; } </style> </head> <body> <h2>The <code>list-style</code> Shorthand Property</h2> <ul> <li>Happy Morning..</li> <li>This is a wonderfull day..</li> <li>Enjoy your day..</li> </ul> </body> </html>