CSS樣式背景圖片鋪滿,可以讓網頁背景更加美觀和生動。下面介紹兩種實現方法。
方法一: body { background: url(圖片鏈接) no-repeat center center fixed; background-size: cover; }
該代碼使用background屬性設置背景。其中url()中填入圖片的鏈接,no-repeat用于去除重復,center center用于讓圖片在頁面中央,fixed用于背景不隨滾動條移動。background-size設置圖片在背景中的大小,cover表示圖片在保持寬高比的前提下全部覆蓋背景。
方法二: body { background-image: url(圖片鏈接); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: 100% 100%; }
該代碼同樣使用background屬性設置背景。background-image和方法一的url()作用相同。background-repeat和no-repeat一樣,去除重復。background-position和方法一的center center相同。background-attachment和方法一的fixed相同。background-size的100% 100%表示鋪滿整個背景。
上一篇css樣式表不能實現什么
下一篇css樣式行內式怎末寫