接下来是在这个框架上渐渐丰满起来，用一个容器来搞定文章发布区，就像我们前面说的一样，这个地方我们不用图片只需要用代码就能搞定。

文章发布区的边线和颜色以及文章标题和段落文字都继续用CSS的样式表写好（实在不行就照抄吧，囧rz）。对于网站开发来讲，大部分用 firefox的朋友有福了，这意味着我们可以用moz-border-radius这句话来让我们的页面有一个很漂亮的圆角就跟我们当初的设计稿一样。不过对于其他浏览器来讲我们只能降级让其实现为一个直角鸟。（不过貌似我记得IE下面也可以用css写出来圆角的说，就是比较麻烦，这里给一个参考来）

然后在浏览器里面测试下啦～如果没写错的话那么就跟设计稿上的效果是一样的～这说明CSS彪悍的将ps设计稿里面背景颜色和边框的效果给实现了。

出处：译言
责任编辑：bluehearts

上一页 将PSD效果图制作成XHTML+CSS文件 [5] 下一页 将PSD效果图制作成XHTML+CSS文件 [7]

◎进入论坛网页制作、WEB标准化版块参加讨论，我还想发表评论。