list in CSS

How to set background image for list item :

Steps:

1.First of all to remove tle default list padding & margin set this as 0px.

padding:0px;

margin:0px;

2.Then,remove the list-style.

list-style-type:none;

3.Then, set the Background image.

background:url( ‘ images/bullet.gif ‘ );

 

Example:

.menu ul

{


padding:0px;

margin:0px;

}

.menu ul li

{

background:url( ‘ images/bullet.gif  ‘ );

}

Reference :

http://css.maxdesign.com.au/listutorial/master.htm

  1. No comments yet.
  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: