DIV CSS布局实例：DIV+CSS新闻列表制作
效果如下图：<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><style type="text/css">body{margin: 0;padding: 0;font-size:12px;}#layout{background-color: #FFFFFF;border: 0;width: 400px;margin: 50px auto;}.list{margin: 0px 10px 20px;text-align: left;}.list ul{list-style-type: none;margin: 0px;padding: 0px;}.list li{width: 100%;}.list li a{color: #777777;display: block;padding: 0px 0px 4px 0px;}.list li span{float: right;text-align: right;}.list li a:hover{color: #336699;}</style></head><body><div id="layout"><ul class="list"><li><span>2015年6月6日</span><a href="http://www.dedexuexi.com/">新闻标题01</a></li><li><span>2015年6月6日</span><a href="http://www.dedexuexi.com/">新闻标题02</a></li><li><span>2015年6月6日</span><a href="http://www.dedexuexi.com/">新闻标题03</a></li><li><span>2015年6月6日</span><a href="http://www.dedexuexi.com/">新闻标题04</a></li></ul></div></body></html>
本文网址：https://www.dedexuexi.com/divcss/bj/378.html
本站部分文章搜集与网络，如有侵权请联系本站，转载请说明出处。
标签：前端
