室内设计_室内设计培训_室内设计学校_青岛室内设计学校
室内设计_室内设计培训_室内设计学校_青岛室内设计学校
室内设计_室内设计培训_室内设计学校_青岛室内设计学校

内容展示

当前位置:主页 > 网页设计 > 网页制作:用CSS实现网页大背景设计

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

发布人:青岛德利丰 │ 来源:青创中心 │ 发布时间:2012-02-04

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

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

CSS实现大背景网页设计 border=0 alt=网页制作:用CSS实现大背景网页设计 src="/inc/Editor/UploadFile/20109501625370.jpg">

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

CSS实现大背景网页设计 border=0 alt=网页制作:用CSS实现大背景网页设计 src="/inc/Editor/UploadFile/20109501625907.jpg">

CSS部分

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

以下是css代码:

    body {

    padding: 0;

    margin: 0;

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

    width: 100%;

    display: table;

    }

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

青岛德利丰室内设计培训学校
网站首页 报名指导 专业课程 学员作品 学习生活 就业平台 关于我们
青岛德利丰职业培训学校,报名咨询请拨打免费热线:4006781517,或拔打电话 (0532-86123666)
市场合作电话:0532-58662019 企业招聘电话:0532-58662020
Copyright©2016 青岛德利丰职业培训学校
专业的山东青岛 室内设计学校,优质的室内设计培训服务,选室内设计学校,就选青岛德利丰室内设计培训学校!