html中的背景图片,一张全屏显示

来给个代码放在DW中。谢谢了,试过好几次,可都是右边少图,然后下面的部分,就是显示完整。

Background : 背景色
Background Image :选取你的背景图
Reapeat : 背景图是否重复,其中选no-repeat为不重复,repeat为重复,repeat-x和repeat-y分别为只在X和Y方向重复。
Attachment : 背景图位置,fix为背景图位置固定不变,scroll为背景图随页面一同滚动
Horizontal : 为固定背景图时图在水平方向所居的位置,可以选择居中,居左,居右或自己设定距左的距离。
Vertical : 为固定背景图时图在竖直方向所居的位置,可以选择居中,居顶部,居底部或自己设定距顶的距离。
注意带 * 的选项要在浏览器里才能看到效果。
设定完毕,对Dreamweaver左下角点选<body应用该CSS样式就行了
不光是<body标签,页面里有的元素都可以在那里选择,可以很方便的选取应用对象。
对于所有onload 的触发事件,也都可以选<body再加Behavior,比如drag layer或打开页面后弹出窗口等等
background-attachment属性控制背景图象是否随内容一起滚动,取值为scroll和fixed。默认值为scroll(滚动);fixed为静止。
温馨提示:内容为网友见解,仅供参考
第1个回答  2017-06-30
html,body{
width:100%;
height:100%;
background-image:url('图片路径');
}
还有一个样式需要设置,非常重要。
因为浏览器的body本身会有一点margin,背景图片默认是不会从margin区域开始填充,所以要想背景图片完全填充屏幕,还需要添加样式:background-content:marginBox
第2个回答  2017-08-01
<div style="background:url(背景图片地址) no-repeat;width:100%;height:100%;background-size:100%"></div>
第3个回答  2013-07-28
body{

background:url(IMG/bg.jpg) no-repeat 0 0;

background-attachment: fixed;

}本回答被网友采纳

html怎么设置背景图片全屏平铺?
1、新建一个html文档。2、设置一下HTML的框架,然后把图片设置在同一个文件夹里面。3、加入<style type="text\/css"><\/style>这样可以有样式设置。4、因为背景设置在主体,所以还要定义为body{}。5、background-image:url(图片),这个是添加图片的意思。6、然后我们需要加入background-repea...

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

在html中插入整个页面的背景图
1、先做一个简单的HTML页面,页面里只有一个div和一段文字。2、要添加整个页面的背景图片,我们就只能把背景加到body标签里了,所以我们在body里添加一个样式,叫‘bg’3、然后定义这个bg的样式规则,主要就是添加background-image样式,就是添加背景图。background-repeat是让背景图铺满整个页面。4、看...

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

html中的背景图片,一张全屏显示
Horizontal : 为固定背景图时图在水平方向所居的位置,可以选择居中,居左,居右或自己设定距左的距离。Vertical : 为固定背景图时图在竖直方向所居的位置,可以选择居中,居顶部,居底部或自己设定距顶的距离。注意带 * 的选项要在浏览器里才能看到效果。设定完毕,对Dreamweaver左下角点选<body应用该...

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

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

html给网页增加背景图片,一张图要怎么铺满
用 background-size: 100% 100%; 就行了。

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

html 怎么让背景图铺满整个页面
下面这段代码给div设置了一个宽度和高度,然后添加了一张背景图片,并使用了background-size:cover;这个属性,就会自动放大或缩小背景图片来适应,但是需要指出的是这个属性在需要在IE9及以上版本支持,谷歌和火狐都支持,具体支持情况看上面的图,浅绿的代表支持,粉红的不支持,你也可以到caniuse.com自己...

相似回答