明輝手游網(wǎng)中心:是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺!

HTML中更改或添加網(wǎng)站背景圖片的代碼如何寫?(示例)

[摘要]本篇文章主要介紹了HTML代碼中如何更換或添加網(wǎng)站背景圖片?對于小白來說,最簡單的方法就是,如果是更換背景圖片的話。我們可以在網(wǎng)頁上點擊鼠標右鍵查看網(wǎng)站源代碼,然后找到css里面的背景圖這一段代碼,查看背景圖路徑,通過ftp或者服務器進行替換圖片即可。html中更換或添加網(wǎng)站背景圖片具體代碼示例如...
本篇文章主要介紹了HTML代碼中如何更換或添加網(wǎng)站背景圖片?對于小白來說,最簡單的方法就是,如果是更換背景圖片的話。
我們可以在網(wǎng)頁上點擊鼠標右鍵查看網(wǎng)站源代碼,然后找到css里面的背景圖這一段代碼,查看背景圖路徑,通過ftp或者服務器進行替換圖片即可。

html中更換或添加網(wǎng)站背景圖片具體代碼示例如下:

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

5dfa32c3151e2c8c032b24849263db4.png

注:

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

可能的值:

scroll:默認值。背景圖像會隨著頁面其余部分的滾動而移動。

fixed:當頁面的其余部分滾動時,背景圖像不會移動。

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

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

【相關文章推薦】

HTML 實現(xiàn)背景圖片的替換

DIV背景圖片background的設置方法

使用CSS為圖片設置背景圖操作

如何使用css選擇器來實現(xiàn)導航欄背景圖的切換?

以上就是HTML中更換或添加網(wǎng)站背景圖片的代碼怎么寫?(示例)的詳細內(nèi)容,更多請關注php中文網(wǎng)其它相關文章!


網(wǎng)站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產(chǎn)和維護的網(wǎng)站。