虚线修饰的列表（web标准的）

css代码:

#list {}{ 
    font-size:12px;
}
#list ul {}{
    list-style:none;
    margin:0px;
    padding:0px;
}
#list li {}{
    background: url('http://www.cnblogs.com/images/cnblogs_com/yqm/line_dot.gif') #fff repeat-x right bottom;
    width: auto;
    text-align:left; 
    padding-left:5px; 
    color:#555;
}
#title {}{ 
    border-bottom:1px solid #ccc;
}
.t_name {}{
    color:#fff;
    background-color:blue;
}

html代码:

<div id="title"><span class="t_name">新闻列表</span></div>
<div id="list">
    <ul>
        <li>央视黄金资源广告招标再创新高</li>
        <li>央行行长称目前是实施养老医保体制改革的最佳时机</li>
        <li>中美今日举行第二阶段海上联合搜救演习</li>
        <li>上海严查券商资金存管</li>
        <li>证监会对保荐人六点要求 将实行抽查和巡检制度</li>
        <li>华源药业总经理自杀前后</li>
    </ul>
</div>

比用表格做的简单得多。也非常简洁。（复制粘贴保存为htm文件可直接查看效果，图片路径也是正确的）