现在在网站设计当中一般都采用了div+css的形式布局网站。这样操作的优势是以更少的代码实现了网站的效果，同时对搜索引擎更友好。今天宁波殷雯网站建设工作室小编跟大家一起分析一下常见div+css布局新闻列表

    首页需要列出一个框来放置新闻

main在css内设置宽度及页面居中效果 margin:0 auto; width:1002px . 这个可以根据网站设计时的规划来确定

然后是添加新闻列表标题

作为新闻标题一般会设计图片背景这样可以让网站更加美观

接下去就是ul新闻列表

• 新闻标题1

• 新闻标题1

这里标签a css可以限制新闻标题长度，span属性设置成右对齐。