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

如题所述

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

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

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

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

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

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

温馨提示:内容为网友见解,仅供参考
第1个回答  2018-01-05

css中写
body{
margin:0;
background:url(images/bg.jpg) no-repeat;
background-size:100% 100%;
}

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

HTML中的图片如何自适应屏幕?这篇文章有图片的自适应用法介绍
最简单的方法是将图片设置为div的背景,例如:background:url(..\/img\/1.jpg) center no-repeat; 这样可以保证图片自适应屏幕大小,同时避免横向滚动条的出现。设置background-url(图片地址) 0 0 no-repeat scroll transparent;background-size:100% 100%可以固定图片在msg_desc中,方便使用。在html中...

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

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

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

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

html中,怎么让背景图片充满整个页面
一、打开Dreamweaver,然后选中html,出来了一个html标准文档。二、在<body>标签里添加文件路径,语法如下:<body background="文件路径"> 这时,页面虽然充满了背景,但可以看出背景图片被填充了多次。三、在<body>里添加样式,代码如下:style=" background-repeat:no-repeat ;background-size:100% 100%...

html网页设计里面怎么平铺背景图片?
100%"\/> <\/div> <\/body> <\/html> 网页背景默认是平铺整个屏幕的,可能有以下原因导致不能平铺:1、图片不够大,又background属性不能拉伸图片;2、只能用个div,把其z-index值设为负,并使这个div大小为整个body大小,在div里用<img> ;3、body的background属性去掉,要不然会被遮住。

在html中将插入背景图片,如何让背景图片跟屏幕一样大?
方法:首先点击【新建文件夹】,放入背景图片,在Dreamweaver CS6中点击【新建一个html空白文档】,.将页面内容放入<body><\/body>中,在<body后按一下空格键,找到background,再按空格,点击【浏览】,选中背景图,点击【确定】,将html另存为在“表格”文件夹里。这样就可以让背景图片跟屏幕一样大。

dw中用HTML如何将背景图片平铺?
1、打开Dreamweaver CS6软件后准备好空白的HTML,点击导航上的修改,点击弹出菜单里的页面属性:2、打开页面属性后选择外观分类,点击背景图像后面的浏览,选择背景图片:3、在选择图像文件对话框里,选择要设定的背景图片然后点击确定:4、设置后返回到页面属性对话框,此时可以看到背景图像那有值了,然后...

相似回答