英文網頁制作中CSS固定背景代碼發布者:本站 時間:2020-05-16 10:05:14
<style>body{background:url("頁面大背景圖片地址")repeat scroll!important;}</style>
給大家講解一下其中兩個參數:“repeat”:重復,簡單的說其效果是我們選取某一張圖片當背景,當圖片的大小不夠的時候會以平鋪顯示,這個大家在自己電腦的桌面上設置的時候應該有所體會吧;“scroll”:英文字面意思就是卷軸,其效果是大背景會隨著右邊滾動條拉動的時候而滾動。那么我們怎么讓大背景固定不動呢,其實很簡單,就改其中一個參數而已,改后固定背景的代碼是:
<style>body{background:url("頁面大背景圖片地址")repeat fixed!important;}</style>
大家應該看出什么不同了吧,那么這個固定背景代碼有什么用呢,顧名思義,就是讓大背景固定不動,大家改博客大背景的時候應該有所體會,我們所選取來當大背景的圖片一般是顏色均勻的豎長條形或者方塊形,而這里我們用來當大背景的圖片就不同了,除了可以用豎長條形的圖片外,還可以是比較大一點的圖片,其規格大概是1000*600,當然這個不是精確是數值,只是個約數,但是大家所找的圖片最好別小于這個規格,這種情況下大家就會想到我們平時用來當電腦桌面的壁紙就可以用在這里當博客的大背景,這樣博客大背景圖片的選擇面就更廣了,因為桌面壁紙有很多,像1024*768規格的更是多的滿天飛,去網上搜索一下到處都是,而且百度有專門的壁紙搜索。不過要說明的是,所用的背景圖片別直接用網上的地址,那個嚴重影響你的博客速度
那么大背景固定之后會有什么變化呢:首先,廢話,當然是大背景不動了,當你拉動右邊滾動條的時候只有中間模塊和文章的部分在動。不過這里我只給大家方法介紹,要不要讓大背景固定完全取決于大家的喜好。
選擇我們,優質服務,不容錯過
1. 優秀的網絡資源,強大的網站優化技術,穩定的網站和速度保證
2. 15年上海網站建設經驗,優秀的技術和設計水平,更放心
3. 全程省心服務,不必擔心自己不懂網絡,更省心。
------------------------------------------------------------
24小時聯系電話:021-58370032