优艾设计网

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

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:不详
之前教了大家做网站PSD模板,那么,做好后怎样在实际中应用呢??怎样把这样做好了的模板切图为XHTML+CSS的网页呢??现在我们就来看一下设计好的模板切图的实例教程

 

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

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

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

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

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

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

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消