當前位置:妙知谷 >

遊戲數碼 >IT技術 >

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

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

操作方法

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

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

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

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

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

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

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

在html中插入整個頁面的背景圖 第4張
標籤: HTML 背景圖 頁面
  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/sm/itjishu/j325y.html