Photoshop把PSD网站模板切图为XHTML+CSS的网页

核心提示： 然后在浏览器里面测试下啦～如果没写错的话那么就跟设计稿上的效果是一样的～这说明CSS彪悍的将ps设计稿里面背景颜色和边框的效果给实现了，然后继续完善html的结构，Photoshop把PSD网站模板切图为XHTML+CSS的网页(6)，现在轮到侧边栏了，我们来看看如何在一个容器里面用两个背

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

然后继续完善html的结构，现在轮到侧边栏了。我们来看看如何在一个容器里面用两个背景图片实现滑动门效果来让侧边栏的大小随内容来控制。

继续添加更多的CSS样式来控制html里面的元素（可怜的html沦落为css的傀儡…………我翻译累了纯属发泄这个……）比如字体的大小，颜色，种类等等（其实CSS也就这么些个本事了……）

接下来就可以在浏览器里面看到侧边栏鸟～注意别让内容超过了图片的宽度，及时的截断下看看效果就好啦（毕竟只是html的～）