在html中插入整個頁面的背景圖

在html開發中 , 我們可以為整個頁面添加背景圖 , 下面來看下具體怎么做 。 操作方式 01 先做一個簡單的HTML頁面 , 頁面里只有一個div和一段文字 。

在html中插入整個頁面的背景圖



02 要添加整個頁面的布景圖片 , 我們就只能把布景加到body標簽里了 , 所以我們在body里添加一個樣式 , 叫‘bg’

在html中插入整個頁面的背景圖



03 然后界說這個bg的樣式法則 , 本家兒要就是添加background-image樣式 , 就是添加布景圖 。
background-repeat是讓布景圖鋪滿整個頁面 。

在html中插入整個頁面的背景圖



04 【在html中插入整個頁面的背景圖】看下頁面的結果 , 可以看到此刻整個頁面都鋪滿了蝴蝶這張圖片了 。 為了更好的結果 , 大師可以改換一張更都雅的布景圖 。

在html中插入整個頁面的背景圖





以上內容就是在html中插入整個頁面的背景圖的內容啦 , 希望對你有所幫助哦!

    猜你喜歡