如何设置h5的背景图片的位置

① html网页中如何把背景图设置为居下

你是想把原来的居上平铺改成居下平铺？还是想原来的居上保留再来一个居下平铺？

如果是居上改成居下很简单 找到原来的样式把background-position:top改成background-position:bottom 就ok了。

如果你想在原来基础上再定义一个居下平铺，那比较麻烦，要看你那页面结构来说，如果只是一个html标签那告诉你不好实现。如果有结构有两层，并且这个背景定义在外面的容器里，那么里面的容器你再写一个居下的样式就可以了。如果定义在里面容器里那么外面的你再定义一个居下的样式就可以了。前提是里面的样式的图片只能显示再上面部分，并且没有定义背景色。也就是不能遮挡后面层的背景显示就可以。

② 如何在html中设置背景图片

1、设置背景图片只需在css样式中设置backgroud-image属性：

<style type="text/css" >

body{

background-image:url(你的图片地址);

background-position:center;

background-repeat:repeat-y；

}

</style>

2、其中， background-image:url(你的图片地址)表示背景图片的存放路径；

background-position:表示的是背景图片的位置，主要有top(上)、bottom（下）、left(左)、right(右)这四个取值；

background-repeat:表示的图片的平铺方式。默认情况是平铺，一般设置为no-repeat,表示的是不平铺。

③ html5怎么设置整页背景图片

html5中设置整页背景图片的方法是利用css3样式：

写法如下：

img.bg {
/* Set rules to fill background */
min-height: 100%;
min-width: 1024px;

/* Set up proportionate scaling */
width: 100%;
height: auto;

/* Set up positioning */
position: fixed;
top: 0;
left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
img.bg {
left: 50%;
margin-left: -512px; /* 50% */
}
}

效果如：

④ html网页制作中如何设置背景图片（如何引用）

1、首先打开Atom编辑器导入项目文件夹，先创建一个index.html的文件。定义一下html文件的主信息：