CSS是一種用來控制網頁排版和外觀的語言。在CSS中,設置背景是很常見的任務。下面我們來看看CSS中如何設置背景。
/* 通過background-color屬性設置背景顏色 */ body { background-color: #f2f2f2; } /* 通過background-image屬性設置背景圖片 */ body { background-image: url("background.jpg"); } /* 通過background-repeat屬性設置背景圖片重復方式 */ body { background-image: url("background.jpg"); background-repeat: repeat-x; } /* 通過background-position屬性設置背景圖片位置 */ body { background-image: url("background.jpg"); background-position: center; } /* 通過background-attachment屬性設置背景圖片滾動方式 */ body { background-image: url("background.jpg"); background-attachment: fixed; } /* 通過background屬性同時設置背景顏色、圖片、重復方式、位置和滾動方式 */ body { background: #f2f2f2 url("background.jpg") no-repeat center fixed; }
上述代碼中,我們通過background-color、background-image、background-repeat、background-position和background-attachment這些屬性來設置背景。另外,我們還可以通過background屬性來同時設置多個背景屬性。
現在,你已經掌握了如何在CSS中設置背景。快來試試吧!
上一篇css中怎么讓圖片