CSS背景是web設計中不可或缺的一部分,它可以讓網站更加美觀和吸引人。下面介紹幾個CSS背景的代表屬性。
/* background-color */ background-color屬性可以設置背景顏色。例如,設置頁面背景為淡藍色: */ body { background-color: #ADD8E6; } /* background-image */ background-image屬性可以設置背景圖片。例如,設置頁面背景為一張藍色花紋圖片: */ body { background-image: url('blue-pattern.png'); } /* background-repeat */ background-repeat屬性可以設置背景圖片的重復方式。例如,設置背景圖片不重復: */ body { background-image: url('blue-pattern.png'); background-repeat: no-repeat; } /* background-size */ background-size屬性可以設置背景圖片的尺寸。例如,設置背景圖片鋪滿整個屏幕: */ body { background-image: url('blue-pattern.png'); background-size: cover; } /* background-position */ background-position屬性可以設置背景圖片的位置。例如,將背景圖片放在頁面中央: */ body { background-image: url('blue-pattern.png'); background-position: center; }
這些CSS背景屬性可以讓我們更靈活地設計網站的背景,使網站更具有吸引力和個性化。