接下来写css样式，首先给所有元素加上padding与margin为0来利国际旗舰厅来利国际旗舰厅★，清除所有内外边距，这一步是前端开发的默认步骤★★★。然后给最外面的盒子.news加上宽度300px,设置边框，内边距★★★，外边距，最后加上背景图片，代码如下：

　　先写html页面，首先写一个div★★★，作为整个新闻列表的盒子★★★，在里面添加h2元素 当作标题，再添加一个ul列表★★★，用来写新闻的内容。在li元素里要用a标签把内容给包起来，这样是为了点击新闻实现跳转，代码如下：

　　门户网站经常要展示一些新闻列表★★★，今天教大家如何制作一个漂亮的新闻列表页。首先看效果图如下（请注意效果图下面有2张很小的背景素材，大家仔细看一下，可以下载图片练习使用）。

　　下面我们给ul设置样式,设置上下边距5px★★★,左右边距10px,背景颜色为白色。给li元素首先去掉list-style,设置高度与行高一样★，都为30px,边框为一个像素的虚线px，最后加上背景图片，代码如下★：

　　下面我们给标题添加css样式，设置下边距5px★★★,字体颜色为白色，字体为粗体★。代码如下：

　　然后★★★，我们给a标签去掉默认的text-decoration效果，加上鼠标悬浮效果★★★，鼠标放上去出现下边底线，颜色变红色，代码如下★：