html匯入背景圖的方法:1、用html標籤插入圖片,這裡直接在img標籤中使用src屬性;2、用css插入,在div中設定class屬性為img2,在script標籤中使用background標籤插入。
本教學操作環境:windows7系統、html5版,DELL G3電腦。
html匯入背景圖的方法:
1、插入背景圖片有兩種方法,一種是用html的img標籤,另一種是利用css的background標籤插入。具體操作是先新建一個html文件,寫入兩個div,分別用來示範兩種方法插入標籤:
2、先是用html標籤插入圖片,這裡直接在img標籤中使用src屬性就可以插入圖片路徑就成功了:
3、接著是用css插入,在div中設定class屬性為img2,在script標籤中使用background標籤插入,其中url是標籤的路徑,no-repeat是設定圖片不重複,center是設定照片居中顯示:
##4、最後給這些標籤都設定一些樣式,讓它們顯得美觀一些。然後開啟瀏覽器查看效果: 5、開啟瀏覽器,可以看到照片都顯示出來了。以上就是html插入照片的方法介紹:相關學習推薦:html影片教學
#
以上是html怎麼匯入背景圖的詳細內容。更多資訊請關注PHP中文網其他相關文章!