html里,如果让背景图片根据屏幕大小铺满屏幕,不重复?

如题所述

html里,让背景图片根据屏幕大小铺满屏幕不重复,具体方法如下:

1、首先我们用Dreamweaver软件做一个html文档,当然用其他编辑器也可以。

2、然后给body设置一个背景图片,这里小编给body加了一个高度,以便能看到图片。

3、然后先在浏览器中预览一下效果。会看到图片两遍有空白,没有填充满整个屏幕。

4、将background-size,可以设置其值为100%。

5、需要注意的是这是css3增加的新属性,旧版本的浏览器可能不支持。所以有时需要更新浏览器。

温馨提示:内容为网友见解,仅供参考
第1个回答  2013-04-23
body{
background:url(images/bg.jpg) repeat-x;
}
以上是让背景图片向X轴延伸将屏幕铺满,若是要它向y轴延伸则是:
body{
background:url(images/bg.jpg) repeat-y;
}
第2个回答  2017-02-21
css中写
body{
margin:0;
background:url(images/bg.jpg) no-repeat;
background-size:100% 100%;
}
第3个回答  2013-04-24
css3支持,background-size:cover本回答被提问者采纳

html里,如果让背景图片根据屏幕大小铺满屏幕,不重复?
html里,让背景图片根据屏幕大小铺满屏幕不重复,具体方法如下:1、首先我们用Dreamweaver软件做一个html文档,当然用其他编辑器也可以。2、然后给body设置一个背景图片,这里小编给body加了一个高度,以便能看到图片。3、然后先在浏览器中预览一下效果。会看到图片两遍有空白,没有填充满整个屏幕。4、将...

在html中,怎么设置背景图片不重复不平铺,只显示一张图片
1、<body style="background-image: url("图片文件地址"); background-attachment: fixed;">这样背景图片就会固定住,不会因页面滚动而重复。2、使图在任何大小的屏幕都不会显示重复,可以这样设定背景(图像不平铺):<body style="background-image: url("图片文件地址"); background-repeat:no-r...

html css 如何一张图片铺满整个背景,不留空白的。并且图片是固定的
(1)body{background:url(背景图) repeat;} 说明:repeat表示背景图的平铺方式!其实一般你将一张图片作为背景时,会默认为平铺,所以不需要刻意去设置,相反如果我们不想图片平铺那么这时就需要设置为no-repeat;这时图片就会按原来的尺寸显示!(2)如果图片过小,那么图片平铺就会出现重复的地方,其实和...

html怎么让一张背景图片铺满
1、首先新建一个html文档。2、其次达到杭州机场后,设置一下HTML的框架,然后把图片设置在同一个文件夹里面。3、最后设置html和body的高度为100%,给背景添加背景图片,并设置background-size为100%即可将背景图片铺满。

html怎么让一张背景图片铺满
根据百度经验资料显示:html让一张背景图片铺满的步骤如下:1.添加样式 打开代码编辑器,为body标签添加一个样式。2.添加背景图片为bg样式添加一个背景图片。3.添加背景全屏样式 在样式里添加:background-size: 100% 100%的样式即可。

用html添加背景图片时.怎么让它不重复.并且居中.
加在<body>里面就可以了。 例如: <body style="background-position:center; background-repeat:no-repeat;"> html简介: 超文本标记语言,标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部...

在html中将插入背景图片,如何让背景图片跟屏幕一样大?
新建一个html空白文档】。如图所示:3.将页面内容放入<body><\/body>中。如图所示:4.在<body后按一下空格键,找到background,再按空格,点击【浏览】。如图所示:5.选中背景图,点击【确定】。如图所示:6.将html另存为在“表格”文件夹里。如图所示:7.点击【预览】,调整背景图片大小。

HTML中的图片如何自适应屏幕?这篇文章有图片的自适应用法介绍
使用CSS实现图片自适应时,需要注意zoom属性宽高赋值不能带单位,否则无效。if和else语句必须带大括号括起来,单句指令不行。最后一个方法是放置背景图片,如果背景图片很大,一般显示器显示合适。若想适应移动设备,可以使用CSS3属性background-size:cover,将背景图铺满整个浏览器窗口。以上是关于HTML中图片...

HTML中的图片如何自适应屏幕?这篇文章有图片的自适应用法介绍
本文将详细介绍HTML中图片如何适应屏幕的不同方法。首先,将图片作为div背景,使用background-position设置为center no-repeat,能确保图片自适应屏幕且无横向滚动条,如:`background:url(..\/img\/1.jpg) center no-repeat;`另一种方式是设置图片的background-size为100% 100%,使其在msg_desc元素中...

在html中设置背景图片,怎样让它能够全屏(平铺,全部显示),而不是只显...
将背景图片的长度和宽度的值均设为100%就可以实现全屏显示.

相似回答