复制代码
代码如下:
<!DOCTY PE ht ML P ub LIC "-//W3C//DTD XHTML 1.0 Trans IT ional//EN" "http://www.w3. org /TR/xhtml1/DTD/xhtml1 -t ransitional.dtd">
<html XM lns="http://www.w3.org/1999/xhtml">
<head>
< ;m eta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
# items {
width:900px;
h ei ght:auto;
m arg in:0 auto;
padding:5px 0;
clear:both;
}
#items ul, #items li {
list -s tyle:none;
}
#items li {
width:800px;
height: 28px;
text-align: right;
background -i mage: url( .. /images/icon_text.gif);
background-repeat: no-repeat;
background-position: 50px center ;
padding-left: 0px;
line-height:28px;
color:#CCC;
border-bottom:dashed 1px #CCC;
}
#items li a {
float:left;
text-align:left;
line-height:28px;
color:#666;
text-decoration:none;
}
#items li a:hover {
color:#F00;
}
-->
</style>
</head>
<body>
<div id="items">
<ul>
<li><a hr ef="#">新闻标题新闻标题新闻标题新题新闻标题新闻标新闻标新闻标题</a>2010-04-03</li>
<li><a href="#">新闻标题新闻标题闻闻标题新闻标新标新闻标题</a>2010-04-03</li>
<li><a href="#">新闻标题新闻标题新闻闻标题新闻标新新闻新闻标题</a>2010-04-03</li>
<li><a href="#">新闻标题新闻标题题新闻标标题新闻标新新闻标题新闻标题</a>2010-04-03</li>
<li><a href="#">新闻标题新闻标题新闻标题新标题新闻标新新闻题新闻标题</a>2010-04-03</li>
</ul>
</div>
</body>
</html>
总结
以上是 为你收集整理的 常用的新闻列表代码(ul/li布局方式) 全部内容，希望文章能够帮你解决 常用的新闻列表代码(ul/li布局方式) 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。
查看更多关于常用的新闻列表代码(ul/li布局方式)的详细内容...