关于css中,ul li的背景小图标属性设置

这里我们分两种情况列出:
①当标题前的图标是很长的一绺而不是单独的一个点或者类似图标时,在定义背景图background要定义在<ul>里。因为很长,所以放在<li>的外边<ul>里
        ②当标题前的图标时单独的一个点儿或者方块或者其他类似图标时,定义背景图background要放在<li>里
============================================
<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>


如图示:
li如何添加背景小图标 - along007_yes@yeah - E roog 的博客
____________________________________________________

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>

如图示:
li如何添加背景小图标 - along007_yes@yeah - E roog 的博客

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值