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

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

CSS

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

Demo »


Go Daddy


Related articles

Redirect www to non www with .htaccess RewriteRule

Redirect www to non www with .htaccess RewriteRule

05/12/2015

Redirect your websites visitors from www.domain.com to domain.com without www.

OL and UL List CSS Style

OL and UL List CSS Style

03/03/2013

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

20/02/2013

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 car *


Find us on Facebook

Tags

Get online with the world's Best - GoDaddy.com!

Back to Top