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

发布网友发布时间：2022-04-24 02:08

共4个回答

热心网友时间：2022-04-07 08:22

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为静止。

热心网友时间：2022-04-07 09:40

html,body{
width:100%;
height:100%;
background-image:url('图片路径');
}
还有一个样式需要设置，非常重要。
因为浏览器的body本身会有一点margin，背景图片默认是不会从margin区域开始填充，所以要想背景图片完全填充屏幕，还需要添加样式：background-content:marginBox

热心网友时间：2022-04-07 11:14

热心网友时间：2022-04-07 13:06

body{

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

background-attachment: fixed;

}

全部栏目

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