1。<ul> 标签定义无序列表。
2。<li> 标签定义列表项目。
<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。
其头部分: ,可以在li里定义:
background ,设置其 头部分的内容;同时要对ul进行 list-style-type:none; padding:0; margin:0; 才会去掉对li的干扰。
<style type="text/css">
ul { list-style-type:none; padding:0; margin:0; }
li { padding:0px 0px 0px 32px;line-height:24px;background:transparent url(skin/images/frame/arr4.gif) no-repeat scroll 10px 9px; }
</style>
<ul>
<li><span>2011-04-26</span> <a href="http://www.baidu.com">百度</a></li>
<li><a href="http://www.baidu.com">百度</a> <span>2011-04-26</span></li>
<li><a href="http://www.baidu.com">百度</a> <span>2011-04-26</span></li>
<li><a href="http://www.baidu.com">百度</a> <span>2011-04-26</span></li>
<li><span>2011-04-26</span> <a href="http://www.baidu.com">百度</a></li>
</ul>
效果如图: