国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > htmlcss > 如何用CSS设计一个大背景的站点

如何用CSS设计一个大背景的站点

来源:程序员人生   发布时间:2014-01-21 10:58:41 阅读次数:2791次

  自从我发布了大背景网页设计合集之后,我收到了很多电子邮件询问如何用css实现大背景的网页设计。因此我决定和大家分享大背景网站的设计技巧。在此教程中,我会用一些实例来说明如何用一张或者两张图片实现大背景网站的设计。

  普遍的错误:被裁切的背景(查看演示)

  看一下示例文件,在1280px的分辨率下看起来是好的,但是如果转换到更高的分辨率下,你将看到类似于裁切边缘的效果。

background-cuts-off 

  示例#1:单图片(查看演示)

  一种简易的方法修补刚才的问题:让图片边缘的颜色和BODY标签的背景颜色一样。我使用Web Designer Wall的背景作为例子。查看背景图片,注意图片的边缘是不是固定的同一种颜色?

wdw-bg-image 

生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生