CSS是網(wǎng)頁設(shè)計中非常重要的一部分。在進(jìn)行頁面設(shè)計時，有時候需要讓頁面兩邊留出一定的空白，這樣能夠讓頁面的內(nèi)容更加清晰明了，也能夠提高用戶的閱讀體驗(yàn)。下面就來介紹一下如何在CSS中設(shè)置頁面兩邊的空白。

/* 設(shè)置頁面整體的寬度 */
body{
width: 1200px;
margin: 0 auto;
}
/* 設(shè)置頁面內(nèi)容的寬度 */
.content{
width: 960px;
margin: 0 auto;
}
/* 設(shè)置頁面兩側(cè)的空白 */
.left_space{
float: left;
width: 20px;
height: 100%;
}
.right_space{
float: right;
width: 20px;
height: 100%;
}

在上述代碼中，首先需要設(shè)置頁面整體的寬度，并讓其在瀏覽器中居中顯示。然后，需要設(shè)置頁面內(nèi)容的寬度，并讓其在整體寬度內(nèi)居中顯示。最后，需要使用浮動元素來設(shè)置頁面兩側(cè)的空白區(qū)域。這里通過設(shè)置兩個空白元素的寬度和高度，使它們各占據(jù)頁面寬度的20px。同時，將兩個元素分別浮動到頁面左側(cè)和右側(cè)，就能夠?yàn)檎麄€頁面設(shè)置兩側(cè)的空白了。