CSS是網頁設計中不可或缺的重要部分，可以用它來控制網頁中的元素樣式和布局。在頁面布局中，經常需要實現平分屏幕寬度的效果，下面我們來看一下如何使用CSS來實現。

/* 設置body元素的margin和padding值為0 */
body {
margin: 0;
padding: 0;
}
/* 同時設置html元素的寬度和高度為100% */
html {
width: 100%;
height: 100%;
}
/* 設置一個容器元素，將其中的子元素平分寬度 */
.container {
display: flex;
justify-content: space-between;
width: 100%;
}
/* 容器中的子元素 */
.container div {
width: calc(100% / 3); /* 平分屏幕寬度 */
}

如上代碼所示，我們首先將body元素的margin和padding值設置為0，這是為了避免頁面出現多余的邊距。然后我們對html元素進行設置，將其寬度和高度均設置為100%。接著，我們創建一個容器元素，使用display:flex屬性將子元素排列為一行，并使用justify-content:space-between屬性將子元素平均分布在容器中。最后，我們使用width屬性將子元素的寬度設置為屏幕寬度的1/3，實現平分屏幕寬度的效果。

總之，使用CSS實現平分屏幕寬度非常簡單，只需要設置好容器和子元素的樣式即可。我們在實際應用中可以根據需要適當調整代碼來滿足不同布局需求。