CSS,全稱為層疊樣式表(Cascading Style Sheets),是用于HTML文檔的樣式設計的一種標準。使用CSS對網(wǎng)頁進行美化可以讓網(wǎng)頁看起來更加美觀、舒適。一個網(wǎng)頁最基本的樣式就是背景顏色與背景圖片,下面介紹一下如何用CSS為網(wǎng)頁添加背景。
/* 加載背景顏色 */ body { background-color: #EEEEEE; }
上面代碼中的"body"表示整個網(wǎng)頁的背景,"background-color"指定網(wǎng)頁的背景顏色。你可以更改"background-color"的值來改變網(wǎng)頁的背景顏色。
/* 加載背景圖片 */ body { background-image: url("background.jpg"); }
上面代碼中的"url"指定的圖片文件需要與你的HTML文件在同一文件夾下,否則需要指定完整的路徑。
同時也可以通過添加屬性來控制背景圖片的滾動,支持以下屬性:
body { background-repeat: no-repeat; background-position: center; background-attachment: fixed; }
"background-repeat"表示圖片是否重復顯示,"background-position"指定圖片在背景中的位置,"background-attachment"定義圖片是否隨著滾動而移動。
這樣就能夠通過CSS來為你的網(wǎng)頁添加背景了。當然,你也可以同時添加背景顏色和背景圖片來使網(wǎng)頁更加豐富和鮮明。
上一篇css繼承關系圖
下一篇css鼠標懸停表格變色