關閉→
當前位置:知科普>IT科技>在html中插入整個頁面的背景圖

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

知科普 人氣:4.72K
如何在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張
TAG標籤:#html #背景圖 #頁面 #