<style>body{background:url("页面大背景图片地址")repeat scroll!important;}</style>
给大家讲解一下其中两个参数:“repeat”:重复,简单的说其效果是我们选取某一张图片当背景,当图片的大小不够的时候会以平铺显示,这个大家在自己电脑的桌面上设置的时候应该有所体会吧;“scroll”:英文字面意思就是卷轴,其效果是大背景会随着右边滚动条拉动的时候而滚动。那么我们怎么让大背景固定不动呢,其实很简单,就改其中一个参数而已,改后固定背景的代码是:
<style>body{background:url("页面大背景图片地址")repeat fixed!important;}</style>
大家应该看出什么不同了吧,那么这个固定背景代码有什么用呢,顾名思义,就是让大背景固定不动,大家改博客大背景的时候应该有所体会,我们所选取来当大背景的图片一般是颜色均匀的竖长条形或者方块形,而这里我们用来当大背景的图片就不同了,除了可以用竖长条形的图片外,还可以是比较大一点的图片,其规格大概是1000*600,当然这个不是精确是数值,只是个约数,但是大家所找的图片最好别小于这个规格,这种情况下大家就会想到我们平时用来当电脑桌面的壁纸就可以用在这里当博客的大背景,这样博客大背景图片的选择面就更广了,因为桌面壁纸有很多,像1024*768规格的更是多的满天飞,去网上搜索一下到处都是,而且百度有专门的壁纸搜索。不过要说明的是,所用的背景图片别直接用网上的地址,那个严重影响你的博客速度
那么大背景固定之后会有什么变化呢:首先,废话,当然是大背景不动了,当你拉动右边滚动条的时候只有中间模块和文章的部分在动。不过这里我只给大家方法介绍,要不要让大背景固定完全取决于大家的喜好。
创新互联是一家专业提供五大连池企业网站建设,专注与成都网站建设、做网站、H5高端网站建设、小程序制作等业务。10年已为五大连池众多企业、政府机构等服务。创新互联专业网络公司优惠进行中。
网站栏目:英文网页制作中CSS固定背景代码
浏览路径:https://www.cdcxhl.com/article2/sghhic.html
成都网站建设公司_创新互联,为您提供虚拟主机、域名注册、手机网站建设、小程序开发、企业建站、做网站
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联