网站PhotoshopD模板切图为XHTML+CSS的网页实例

 

另一个导出的小的可自动伸缩部分的是导航栏的背景，它可以根据菜单文字的长度来自动伸缩。这里需要使用png的文件因为可以利用其透明度来覆盖住不同颜色的背景，这样看起来会更~和谐~~~~

文章部分在概念设计稿上是跟侧边栏有一样的边线效果，但是因为他们没有覆盖在其他的图片上并且也没有复杂的透明度等问题，所以我们将会用纯粹的css代码来实现他的效果。

接下来就是使用了蓝色渐变的内容区（也就是放留言数继续阅读等的区域），这个地方也是导出一个瘦长的区域然后横向重复就能达到其效果。