how can i add style to numbered list

[atulthakre]

i want to add a style to the numbered list shown in image 1 like the style in image 2 , how can i do it ?

 

If you are enable to see images here please visit the 2 links below for image 1 and image 2

http://imageart.webs.com/1.jpg

http://imageart.webs.com/2.jpg

Edited June 2, 2014 by atulthakre

[Ingolme]

Your images aren't loading for me, freewebs is blocked by a whole lot of service providers, including mine here in Spain. Try uploading them somewhere else, or put them as an attachment to this thread.

[atulthakre]

Your images aren't loading for me, freewebs is blocked by a whole lot of service providers, including mine here in Spain. Try uploading them somewhere else, or put them as an attachment to this thread.

i have added a link of images below it

[lovewebdesign]

There are many related tutorials online which can help you know how to style your list with CSS such as this one from eHow:

http://www.ehow.com/how_2075887_style-list-css.html 

it may help you solve your problem

 

 

 

[dsonesuk]

        <div><ol class="O_list01">                <li>list item01</li>                <li>list item02</li>                <li>list item03</li>                <li>list item04</li>            </ol>        </div>

            .O_list01,  .O_list01 li,  .O_list01 ul {margin:0; padding:0; text-indent: 0;    list-style-type: none;}            .O_list01{padding-left: 30px; }            .O_list01 li {background: url('http://imageart.webs.com/2.jpg') no-repeat -16px -13px #333;     height: 30px;                          margin-left: 10px;                          padding: 0 0 0 38px;                          width: 200px;            }            .O_list01 li + li {background-position: -16px -91px ; }            .O_list01 li + li + li {background-position: -16px -145px ; }            .O_list01 li + li + li + li {background-position: -16px -199px ; }