首頁 >web前端 >html教學 >HTML中更換或新增網站背景圖片的程式碼怎麼寫? (例)

HTML中更換或新增網站背景圖片的程式碼怎麼寫? (例)

藏色散人
藏色散人原創
2018-08-06 16:19:0716944瀏覽

本篇文章主要介紹了HTML程式碼中如何更換或新增網站背景圖片?對小白來說,最簡單的方法就是,如果是更換背景圖片的話。
我們可以在網頁上點選滑鼠右鍵查看網站原始碼,然後找到css裡面的背景圖這段程式碼,查看背景圖路徑,透過ftp或伺服器進行替換圖片即可。

html中更換或新增網站背景圖片具體程式碼範例如下:

/*控制背景图片是否滚动*/
body{background-image:url(图片地址);background-repeat:no-repeat;background-attachment:fixed;} 
body{background-image:url(图片地址);background-repeat:no-repeat;background-attachment:scroll;}

HTML中更換或新增網站背景圖片的程式碼怎麼寫? (例)

註:

background -attachment 屬性設定背景圖像是否固定或隨著頁面的其餘部分滾動。

可能的值:

scroll:預設值。背景圖像會隨著頁面其餘部分的滾動而移動。   

fixed:當頁面的其餘部分捲動時,背景影像不會移動。   

inherit:規定應該從父元素繼承 background-attachment 屬性的設定。   

希望這篇文章介紹對大家有幫助。

【相關文章推薦】

HTML  實作背景圖片的取代 

DIV背景圖片background的設定方法

#使用CSS為圖片設定背景圖操作

如何使用css選擇器來實現導覽列背景圖的切換?


以上是HTML中更換或新增網站背景圖片的程式碼怎麼寫? (例)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn