在網頁設計中，背景顏色的運用非常重要，能夠增加頁面的美觀程度，提高用戶的體驗感。而使用CSS對背景顏色進行三分之一的劃分，則能更好地視覺上區分內容與背景，使網頁內容更為清晰易讀。

例如，我們希望網頁中部的背景顏色為灰色，其余部分為白色。我們可以使用以下CSS代碼實現：
body {
background-color: #fff; /* 設置背景顏色為白色 */
}
div {
height: 33.33%; /* 設置高度為屏幕高度的三分之一 */
background-color: #ddd; /* 設置背景顏色為灰色 */
}
需要注意的是，這里的div可以是任意對容器元素，如section、article等。我們將其高度設置為33.33%，因為在網頁中，一般會有一些邊框、標題等占用少量高度，因此設置為33.33%更能確保顏色區分的效果。

以上是關于使用CSS給三分之一背景顏色的教程，希望對大家有所幫助。