新闻列表,css布局
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> <!-- #items { width:900px; height:auto; margin:0 auto; padding:5px 0; clear:both; } #items ul, #items li { list-style:none; } #items li { width:800px; height: 28px; text-align: right; background-image: 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 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> <li><a href="#">新闻标题新闻标题新闻标题新标题新闻标新新闻题新闻标题</a>2010-04-03</li> </ul> </div> </body> </html>
新闻列表,css布局
|
