IT科技

當前位置 /首頁/IT科技 > /列表

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

如何在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 背景圖 #