正在阅读:PS把PSD网站模板切图为XHTML+CSS的网页PS把PSD网站模板切图为XHTML+CSS的网页

2009-03-20 14:20 出处: 作者:网页教学网 责任编辑:zengxiaolan

  记下来我们快速的搞定继续阅读和评论等这个位置的东东。

PS把PSD网站模板切图为XHTML CSS的网页 
图26 

  继续给这些元素添加样式,用一个特殊的class来给这个段落添加用继续阅读的肩头和评论气泡作为背景图

PS把PSD网站模板切图为XHTML CSS的网页 
图27

  搞定后又可以用浏览器YY下,重复的背景上面是坚实的文本啊!

PS把PSD网站模板切图为XHTML CSS的网页  
图28

  大体效果就这么搞定了,设计稿的内容基本上也都呈现出来了,这时候你可以换着浏览器和分辨率来看看有没有问题以及模拟链接的效果比如鼠标on啊 鼠标点击过啊等等效果。

PS把PSD网站模板切图为XHTML CSS的网页 
图29 

  其实网页设计这玩意搞起来了就停不下来了。你必须在FF,opera,safari下面看看有没有问题,你看这不在IE下面就出问题了么?(好讨厌IE6……如果机器装了更高版本的ie的话,你可以试试ietester)

PS把PSD网站模板切图为XHTML CSS的网页 
图30 

键盘也能翻页,试试“← →”键

相关文章

关注我们

最新资讯离线随时看 聊天吐槽赢奖品