當前位置:妙知谷 >

母嬰教育 >學習交流 >

HTML中怎麼插入圖片作為背景?

HTML中怎麼插入圖片作為背景?

visual studio簡稱為vs。下面,我們來看看HTML中怎麼插入圖片作為背景圖片吧。

HTML中怎麼插入圖片作為背景?

操作方法

開啟vs
開啟visual studio軟體,並新建一個資料夾為img,把圖片貼上到資料夾中,如下圖所示:

HTML中怎麼插入圖片作為背景? 第2張

<body style=" background:url(img/img01.jpg)">
設定背景圖片的程式碼為 style=" background:url(img/img01.jpg)",如下圖所示:

HTML中怎麼插入圖片作為背景? 第3張

在瀏覽器中檢視
右擊【】,選擇【在瀏覽器中檢視】,如下圖所示:

HTML中怎麼插入圖片作為背景? 第4張

預覽效果
在瀏覽器中的預覽效果如下圖所示:

HTML中怎麼插入圖片作為背景? 第5張
標籤: HTML
  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/zh-tw/jy/jiaoliu/74k39.html