網站首頁 健康小知識 母嬰教育 起名 運動知識 職場理財 情感生活 綠色生活 遊戲數碼 美容 特色美食 愛好

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

欄目: IT技術 / 發佈於: / 人氣:2.38W

操作方法

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

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

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

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

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

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

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

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