html怎么设置整页背景html图片整个页面居中

来源：蜘蛛抓取(WebSpider) 时间：2016-12-22 21:02 标签： html设置图片大小
47448人阅读
背景图片不重复不平铺，可以这样设定背景：
1、&body style=&background-image: url(&图片文件地址&); background-attachment:&&
这样背景图片就会固定住，不会因页面滚动而重复。
2、使图在任何大小的屏幕都不会显示重复，可以这样设定背景（图像不平铺）：
&body style=&background-image: url(&图片文件地址&); background-repeat:no-&&
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：496513次
积分：3045
积分：3045
排名：第9326名
原创：27篇
转载：19篇
评论：22条
(2)(2)(1)(1)(1)(1)(2)(2)(2)(5)(2)(2)(3)(5)(15)html 怎么让背景图铺满整个页面-中国学网-中国IT综合门户网站-提供健康,养生,留学,移民,创业,汽车等信息
> 信息中心 >
html 怎么让背景图铺满整个页面
来源：互联网 发表时间： 14:07:00 责任编辑：王亮字体：
为了帮助网友解决“html 怎么让背景图铺满整个页面”相关的问题，中国学网通过互联网对“html 怎么让背景图铺满整个页面”相关的解决方案进行了整理,用户详细问题包括:就是一张网页内容有多长多宽，但是内容却占了，也就是把这张背景图片放大到，那一张背景图就要放大到那么大，网上搜到的那些好像都不靠谱，例如本身图片大小为500*500，具体解决方案如下：解决方案1：
//blog：参考;标签内://blog，一般没有这么弄的.net/ysf871104/article/details/5705099" target="_blank">http.csdn，有个替代方法是把图片放在&lt.csdn如果是background
提问者评价
解决方案2：
&quot，希望有用例子; background-attachment，用css&lt我自己试出来的;body background=&quot:no-002;images&#92.png&style=& &background-size:100% 100%; background-repeat
相关文章：
最新添加资讯
24小时热门资讯
Copyright © 2004- All Rights Reserved. 中国学网 版权所有
京ICP备号-1 京公网安备02号关于背景图片固定
不会随着页面滚动而变化，及定位注意问题
关于背景图片固定
不会随着页面滚动而变化，及定位注意问题
关于背景图片固定& 不会随着页面滚动而变化，及定位注意问题
background-color :#FFF; background-image :url(css/images/chatu.jpg) ; background-repeat :no- background-position:background-attachment:
除了要写以下三个属性外，background-color必须加上，
不然，会导入页面里的图片重复出现，且页面里的内容为重复（在IE6里会出现，且在框架里打开时，此情况尤其明显）
background-image :url(css/images/chatu.jpg) ;
background-repeat :no-
background-position:background-attachment:
如原图设计为：
在未加backgound-color的情况下，在IE6里显示为：
此情况在IE7,8里正常
另外在此附上 背景CSS学习手册
背景颜色属性(background-color)
这个属性为HTML元素设定背景颜色，相当于HTML中bgcolor属性。
body {background-color:#99FF00;}
上面的代码表示Body这个HTML元素的背景颜色是翠绿色的。
背景图片属性(background-image)
这个属性为HTML元素设定背景图片，相当于HTML中background属性。
&body style="background-image:url(../images/css_tutorials/background.jpg)"&
上面的代码为Body这个HTML元素设定了一个背景图片。
背景重复属性(background-repeat)
这个属性和background-image属性连在一起使用，决定背景图片是否重复。如果只设置background-image属性，没设置background-repeat属性，在缺省状态下，图片既横向重复，又竖向重复。
repeat-x 背景图片横向重复
repeat-y 背景图片竖向重复
no-repeat 背景图片不重复
body {background-image:url(../images/css_tutorials/background.jpg); background-repeat:repeat-y}
上面的代码表示图片竖向重复。
背景附着属性(background-attachment)
这个属性和background-image属性连在一起使用，决定图片是跟随内容滚动，还是固定不动。这个属性有两个值，一个是scroll，一个是fixed。缺省值是scroll。
body {background-image:url(../images/css_tutorials/background.jpg); background-repeat:no- background-attachment:fixed}
上面的代码表示图片固定不动，不随内容滚动而动。
背景位置属性(background-position)
这个属性和background-image属性连在一起使用，决定了背景图片的最初位置。
body {background-image:url(../images/css_tutorials/background.jpg);background-repeat:no- background-position:20px 60px}
上面的代码表示背景图片的初始位置距离网页最左面20px，距离网页最上面60px。
背景属性(background)
这个属性是设置背景相关属性的一种快捷的综合写法， 包括background-color, background-image, background-repeat, backgroundattachment, background-position。
body {background:#99FF00 url(../images/css_tutorials/background.jpg) no-repeat fixed 40px 100px}
上面的代码表示，网页的背景颜色是翠绿色，背景图片是background.jpg图片，背景图片不重复显示，背景图片不随内容滚动而动，背景图片距离网页最左面40px，距离网页最上面100px。
感谢关注 Ithao123HTML5频道，是专门为互联网人打造的学习交流平台，全面满足互联网人工作与学习需求，更多互联网资讯尽在 IThao123!
Laravel是一套简洁、优雅的PHP Web开发框架(PHP Web Framework)。它可以让你从面条一样杂乱的代码中解脱出来；它可以帮你构建一个完美的网络APP，而且每行代码都可以简洁、富于表达力。
Hadoop是一个由Apache基金会所开发的分布式系统基础架构。
用户可以在不了解分布式底层细节的情况下，开发分布式程序。充分利用集群的威力进行高速运算和存储。
Hadoop实现了一个分布式文件系统（Hadoop Distributed File System），简称HDFS。HDFS有高容错性的特点，并且设计用来部署在低廉的（low-cost）硬件上；而且它提供高吞吐量（high throughput）来访问应用程序的数据，适合那些有着超大数据集（large data set）的应用程序。HDFS放宽了（relax）POSIX的要求，可以以流的形式访问（streaming access）文件系统中的数据。
Hadoop的框架最核心的设计就是：HDFS和MapReduce。HDFS为海量的数据提供了存储，则MapReduce为海量的数据提供了计算。
产品设计是互联网产品经理的核心能力，一个好的产品经理一定在产品设计方面有扎实的功底，本专题将从互联网产品设计的几个方面谈谈产品设计
随着国内互联网的发展，产品经理岗位需求大幅增加，在国内，从事产品工作的大部分岗位为产品经理，其实现实中，很多从事产品工作的岗位是不能称为产品经理，主要原因是对产品经理的职责不明确，那产品经理的职责有哪些，本专题将详细介绍产品经理的主要职责
IThao123周刊&img src=&& style=&width:100%;height:100%&/&&
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：1093次
排名：千里之外

我要回帖

更多关于 html设置图片大小 的文章

 

随机推荐