您当前的位置: 首页 > 前端教程 > CSS教程 > 网页制作中CSS固定背景代码

网页制作中CSS固定背景代码

作者:不详 来源:网络 发布时间: 2011-09-29 11:16 点击:
stylebody{background:url(页面大背景图片地址)repeat scroll!important;}/style 给大家讲解一下其中两个参数:repeat:重复,简单的说其效果是我们选取某一张图片当背景,当图片的大小不够的时候会以平铺显示,这个大家在自己电脑的桌面上设置的时候应该有所体会吧;s

网页制作中CSS固定背景代码

  <style>body{background:url("页面大背景图片地址")repeat scroll!important;}</style>

给大家讲解一下其中两个参数:“repeat”:重复,简单的说其效果是我们选取某一张图片当背景,当图片的大小不够的时候会以平铺显示,这个大家在自己电脑的桌面上设置的时候应该有所体会吧;“scroll”:英文字面意思就是卷轴,其效果是大背景会随着右边滚动条拉动的时候而滚动。那么我们怎么让大背景固定不动呢,其实很简单,就改其中一个参数而已,改后固定背景的代码是:

<style>body{background:url("页面大背景图片地址")repeat fixed!important;}</style>

大家应该看出什么不同了吧,那么这个固定背景代码有什么用呢,顾名思义,就是让大背景固定不动,大家改博客大背景的时候应该有所体会,我们所选取来当大背景的图片一般是颜色均匀的竖长条形或者方块形,而这里我们用来当大背景的图片就不同了,除了可以用竖长条形的图片外,还可以是比较大一点的图片,其规格大概是1000*600,当然这个不是精确是数值,只是个约数,但是大家所找的图片最好别小于这个规格,这种情况下大家就会想到我们平时用来当电脑桌面的壁纸就可以用在这里当博客的大背景,这样博客大背景图片的选择面就更广了,因为桌面壁纸有很多,像1024*768规格的更是多的满天飞,去网上搜索一下到处都是,而且百度有专门的壁纸搜索。不过要说明的是,所用的背景图片别直接用网上的地址,那个严重影响你的博客速度

那么大背景固定之后会有什么变化呢:首先,废话,当然是大背景不动了,当你拉动右边滚动条的时候只有中间模块和文章的部分在动。不过这里我只给大家方法介绍,要不要让大背景固定完全取决于大家的喜好。

分享到:
本文"网页制作中CSS固定背景代码"由远航站长收集整理而来,仅供大家学习与参考使用。更多网站制作教程尽在远航站长站。
顶一下
(0)
0%
踩一下
(0)
0%
[点击 次] [返回上一页] [打印]
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
关于本站 - 联系我们 - 网站声明 - 友情连接- 网站地图 - 站点地图 - 返回顶部
Copyright © 2007-2013 www.yhzhan.com(远航站长). All Rights Reserved .
远航站长:为中小站长提供最佳的学习与交流平台,提供网页制作与网站编程等各类网站制作教程.
官方QQ:445490277 网站群:26680406 网站备案号:豫ICP备07500620号-4