Unordered List Style Image CSS

As you could read in my previous article ul can be styled with list-style-type CSS property. Today I show you how to replace the default dots, sqaures with image with list-style-image.

HTML markup

 <li>First element</li>
 <li>Second element</li>
 <li>Third element</li>


<style type="text/css">
 list-style-image: url('tick.gif'); 

Demo »


Related articles

Redirect www to non www with .htaccess RewriteRule

Redirect www to non www with .htaccess RewriteRule


Redirect your websites visitors from to without www.

OL and UL List CSS Style

OL and UL List CSS Style


Styling ordered and unordered lists is easy. Just write a single line of CSS to change the list style type.

Tipsy jQuery Tooltip

Tipsy jQuery Tooltip


Tipsy is a jQuery plugin for creating a Facebook-like tooltip effect based on an anchor tag′s title attribute.

Leave a comment

We welcome any comment from you! Please keep in mind that comments are moderated and rel='nofollow' is in use. So, please do not use a domain as your name or a spammy keyword, or your comment will be deleted.

Name: *

E-mail: *

Message: *

Click on the apple *

Find us on Facebook



Back to Top