網站首頁 學習教育 IT科技 金融知識 旅遊規劃 生活小知識 家鄉美食 養生小知識 健身運動 美容百科 遊戲知識 綜合知識
當前位置:趣知科普吧 > IT科技 > 

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

欄目: IT科技 / 發佈於: / 人氣:5.64K
如何在html中插入整個頁面的背景圖?請看下面方法。

材料/工具

Hbuilder

方法

開啟HBuilder

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

新建html項目。

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

設定檔案名,點擊“完成”。

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

檔案如圖所示。

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

將背景圖拖動到Hbuilder工程的img檔案夾。

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

點擊“確定”。

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

找到<body></body>

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

<body>改成<body background="img/背景1.jpg">。其中“img/背景1.jpg”爲背景圖路徑

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

然後儲存文檔

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

點擊“執行”選擇瀏覽器執行。

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

效果如圖。

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