一、html背景圖橫向平鋪代碼示例：

<style type="text/css">    body{        font-size:12px;        font-family:"宋體";        background-image:url(2.png);        background-repeat:repeat-x;        COLOR: #0C2B30;    }</style>

效果如下圖：

二、html背景圖縱向平鋪代碼示例：

    body{        font-size:12px;        font-family:"宋體";        background-image:url(2.png);        background-repeat:repeat-x;        COLOR: #0C2B30;    }

效果如下圖：

三、html圖片全屏代碼示例：

html,body{    width: 100%;    height: 100%;}.mui-content{    background: url(2.png) bottom center no-repeat #efeff4 ;    background-size: 100% 100%;    width: 100%;    height: 100%;}

效果如下圖：

那么以上給大家總結(jié)了關(guān)于怎么讓html設(shè)置背景圖片、html背景平鋪等相關(guān)知識(shí)。希望對(duì)有需要的朋友有所幫助。

注：

background 簡(jiǎn)寫屬性在一個(gè)聲明中設(shè)置所有的背景屬性。

background-size 屬性規(guī)定背景圖像的尺寸。

background-repeat 屬性設(shè)置是否及如何重復(fù)背景圖像。默認(rèn)的背景圖像在水平和垂直方向上重復(fù)。

background-image 屬性為元素設(shè)置背景圖像。

元素的背景占據(jù)了元素的全部尺寸，包括內(nèi)邊距和邊框，但不包括外邊距。默認(rèn)地，背景圖像位于元素的左上角，并在水平和垂直方向上重復(fù)。

以上就是html怎么添加背景圖片且讓圖片平鋪整個(gè)頁面？（代碼示例）的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注 其它相關(guān)文章！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。