作者：plidezus 时间： 2009-04-23 文档类型：翻译 来自：译言
第 1 页 将PSD效果图制作成XHTML+CSS文件 [1] 第 2 页 将PSD效果图制作成XHTML+CSS文件 [2] 第 3 页 将PSD效果图制作成XHTML+CSS文件 [3] 第 4 页 将PSD效果图制作成XHTML+CSS文件 [4] 第 5 页 将PSD效果图制作成XHTML+CSS文件 [5] 第 6 页 将PSD效果图制作成XHTML+CSS文件 [6] 第 7 页 将PSD效果图制作成XHTML+CSS文件 [7] 第 8 页 将PSD效果图制作成XHTML+CSS文件 [8] 第 9 页 将PSD效果图制作成XHTML+CSS文件 [9]
然后继续完善html的结构，现在轮到侧边栏了。我们来看看如何在一个容器里面用两个背景图片实现滑动门效果来让侧边栏的大小随内容来控制。
继续添加更多的CSS样式来控制html里面的元素（可怜的html沦落为css的傀儡…………我翻译累了纯属发泄这个……）比如字体的大小，颜色，种类等等（其实CSS也就这么些个本事了……）
接下来就可以在浏览器里面看到侧边栏～注意别让内容超过了图片的宽度，及时的截断下看看效果就好啦（毕竟只是html的～）
出处：译言 责任编辑：bluehearts
上一页 将PSD效果图制作成XHTML+CSS文件 [6] 下一页 将PSD效果图制作成XHTML+CSS文件 [8]
◎进入论坛网页制作、WEB标准化版块参加讨论，我还想发表评论。
蓝色理想版权申明：除部分特别声明不要转载，或者授权我站独家播发的文章外，大家可以自由转载我站点的原创文章，但原作者和来自我站的链接必须保留（非我站原创的，按照原来自一节，自行链接）。文章版权归我站和作者共有。
转载要求：转载之图片、文件，链接请不要盗链到本站，且不准打上各自站点的水印，亦不能抹去我站点水印。
特别注意：本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有，文章若有侵犯作者版权，请与我们联系，我们将立即删除修改。
第 1 页 
第 7 页 将PSD效果图制作成XHTML+CSS文件 [7]
