網站首頁 健康小知識 母嬰教育 起名 運動知識 職場理財 情感生活 綠色生活 遊戲數碼 美容 特色美食 愛好

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

欄目: 學習交流 / 發佈於: / 人氣:2.06W

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張
Tags:HTML