CSS中的背景是一個十分重要的部分,可以讓我們的網頁更有個性化和美觀性。借助CSS我們可以設置不同的背景顏色、背景圖片、背景圖案、背景漸變等,下面我們就來一一介紹一下。
1、設置背景顏色
body{ background-color:#f2efe8; }
上述代碼中,我們可以將網頁的背景顏色設置為#f2efe8。
2、設置背景圖片
body{ background-image:url("bg.jpg"); }
上述代碼中,我們可以將網頁的背景設置為一張名為"bg.jpg"的圖片。
3、設置背景圖案
body{ background-image:url("pattern.png"); }
上述代碼中,我們可以將網頁的背景設置為一張名為"pattern.png"的圖案。
4、設置背景漸變
body{ background: linear-gradient(to right, #ffafbd, #ffc3a0); }
上述代碼中,我們可以將網頁的背景設置為一種顏色漸變效果,顏色變化從左到右分別是#ffafbd、#ffc3a0。
注意:我們可以將多個屬性組合在一起使用,如下所示:
body{ background: url("bg.jpg") no-repeat center fixed; }
上述代碼中,我們將網頁的背景設置為一張名為"bg.jpg"的圖片,圖片設置了不平鋪、居中、固定的效果。
好了,以上就是關于CSS中背景設置的介紹,希望可以幫助到初學者。