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

來源:酷知科普網 2.41W

操作方法

先做一個簡單的HTML頁面,頁面裡只有一個div和一段文字。

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

要新增整個頁面的背景圖片,我們就只能把背景加到body標籤裡了,所以我們在body裡新增一個樣式,叫‘bg’

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

然後定義這個bg的樣式規則,主要就是新增background-image樣式,就是新增背景圖。
background-repeat是讓背景圖鋪滿整個頁面。

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

看下頁面的效果,可以看到現在整個頁面都鋪滿了蝴蝶這張圖片了。為了更好的效果,大家可以更換一張更好看的背景圖。

在html中插入整個頁面的背景圖 第4張
熱門標籤