建造網頁就需要插入布景圖片,若何用Visual Studio在網頁中插入布景圖片呢?筆者與大師分享一下操作經驗。
起首,Visual Studio打開一個網站,本例為TwoFish,在網站中已放置了圖片資本,以及需利用的css樣式和js代碼。
起首,在網頁中找到body標簽,如下圖所示。
接著找到div標簽,如下圖所示。
輸入添加布景圖片的代碼,此中img是暗示圖片的標簽。
src是圖片保留的路徑,id則暗示圖片屬性,即為布景。
找到head和meta標簽,將光標定位到title標簽之后。
接著,插入css樣式代碼。
link標簽用來引用css樣式,href用來指心猿意馬css的路徑,rel暗示當前文檔與鏈接文檔之間的關系。
然后,插入js代碼。
用script標簽引用js文件,src暗示js文件的路徑,
節制圖片顯示的代碼,都已放在響應的css樣式和js代碼中了,這里就不再贅述了。
最后,用script標簽引用一個函數,實現將圖片設置為全屏的布景。
在網頁文件上右擊,選擇在瀏覽器中查看選項。
看到圖片在網頁中,作為布景全屏顯示了。
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!