如何設置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文件的主信息：