404 Not Found

404 Not Found


nginx
404 Not Found

404 Not Found


nginx
404 Not Found

404 Not Found


nginx
404 Not Found

404 Not Found


nginx
当前位置:科技 > 网络教室 > 网站设计首页 > css首页 > 正文
网页制作:用CSS实现大背景网页设计
2009-06-08 15:46:19 网络佚名 【 发表评论

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

    经常会犯的错误:背景被裁减

    查看示例文件,在小于1280分辨率时,是没有问题的。但是如果你的显示器的分辨率大于1280像素,你会看到背景图片以外的部分。

网页制作:用CSS实现大背景网页设计

    简单的解决问题的方法:将图片边缘的颜色设置成和网页背景色相同的颜色。这里我用Web Designer Wall作例子,看下面的图片,注意图片的边缘是纯色的。

网页制作:用CSS实现大背景网页设计

CSS部分

    这部分很简单,为body元素设置背景图像(定位于center,top)

网页制作:用CSS实现大背景网页设计

以下是css代码:

    body {

    padding: 0;

    margin: 0;

    background: #f8f7e5 url(wdw-bg.jpg) no-repeat center top;

    width: 100%;

    display: table;

    }

    注意观察在body选择符内有两条额外的线条,这样是为了防止当浏览器窗口比内容宽度小时,背景图片的改变,这在firefox会出现。

网页制作:用CSS实现大背景网页设计


404 Not Found

404 Not Found


nginx
404 Not Found

404 Not Found


nginx
请选择您看到这篇新闻时的心情 查看结果 心情调查排行







更多"CSS" 的相关消息
404 Not Found

404 Not Found


nginx
404 Not Found

404 Not Found


nginx
404 Not Found

404 Not Found


nginx
404 Not Found

404 Not Found


nginx
404 Not Found

404 Not Found


nginx
404 Not Found

404 Not Found


nginx
404 Not Found

404 Not Found


nginx
404 Not Found

404 Not Found


nginx
404 Not Found

404 Not Found


nginx
发表言论:
笔  名: 查看评论 进入论坛
CSS
404 Not Found

404 Not Found


nginx
404 Not Found

404 Not Found


nginx
404 Not Found

404 Not Found


nginx
404 Not Found

404 Not Found


nginx
404 Not Found

404 Not Found


nginx
404 Not Found

404 Not Found


nginx
404 Not Found

404 Not Found


nginx
404 Not Found

404 Not Found


nginx
404 Not Found

404 Not Found


nginx
404 Not Found

404 Not Found


nginx
404 Not Found

404 Not Found


nginx
404 Not Found

404 Not Found


nginx
404 Not Found

404 Not Found


nginx

论坛精华

IT新闻

IT人物

企业

产品报价手机-DC-笔记本-台式机-液晶-等离子

404 Not Found

404 Not Found


nginx
404 Not Found

404 Not Found


nginx