CSS背景色怎么鋪滿？這是一個(gè)很常見的問題，很多新手在設(shè)置背景色時(shí)會遇到這個(gè)問題。下面來詳細(xì)講解一下。

/* 全屏鋪滿 */
body {
margin: 0;
padding: 0;
background-color: #fff;
}
/* 容器鋪滿 */
.container {
width:100%;
background-color: #fff;
}

要實(shí)現(xiàn)全屏鋪滿，我們可以通過設(shè)置body元素的margin和padding為0來消除頁面的默認(rèn)間隔，然后設(shè)置body的背景色為需要的顏色即可，這樣背景色就會自動(dòng)鋪滿全屏。

如果你需要的背景色只在某個(gè)區(qū)域內(nèi)鋪滿，可以設(shè)置該區(qū)域的寬度為100%。這樣，容器內(nèi)的背景色就會自動(dòng)鋪滿了。

需要注意的是，如果你給body元素之外的元素設(shè)置了margin或padding，這些元素會撐起body的大小，導(dǎo)致body無法全屏鋪滿。所以，在設(shè)置全屏背景色或容器背景色時(shí)，要先把除body以外的元素的margin和padding清零。