背景小图标,ul,li这里我们分两种情况列出: ①当标题前的图标是很长的一绺而不是单独的一个点或者类似图标时,在定义背景图background要定义在<ul>里。因为很长,所以放在<li>的外边<ul>里 ②当标题前的图标时单独的一个点儿或者方块或者其他类似图标时,定义背景图background要放在<li>里
A
<style> .test1 { width:100px; height:265px; background:url(http://www.86image.cn/statics/images/show/li.jpg) no-repeat scroll 0 8px; } .test1 li {padding-left:30px; line-height:27px; list-style-type:none;} </style> <ul class="test1"> <li>one</li> <li>two</li> <li>three</li> <li>four</li> <li>five</li> <li>six</li> <li>seven</li> <li>eight</li> <li>nine</li> <li>ten</li> </ul>
如图示:
B
<style> .test1 li { padding-left:15px; background:url("http:www.86image.cn/statics/images/tpl1/images/icon_fk.gif" ) no-repeat scroll 1px 8px; line-height:22px; list-style-type:none;} </style> <ul class="test1"> <li>1</li> <li>2</li> <li>3</li> </ul>
如图示:
背景小图标,ul,li
|