CSS 是網頁設計中不可或缺的一部分，它負責渲染網頁的樣式和布局。其中，設置頁面寬度是設計一個優秀網頁的一個重要屬性。

在 CSS 中，我們可以使用width屬性來設置頁面的寬度。這個屬性的值可以是固定的像素值，也可以是相對的百分比。下面是兩個例子：

.container{
width: 1000px;
}
.container{
width: 80%;
}

在這兩個例子中，第一個將容器寬度設置為 1000 像素，第二個將容器寬度設置為父元素的 80%。

除了使用width屬性，我們還可以使用max-width屬性。這個屬性的值也可以是固定的像素值或相對的百分比。它能夠限制容器的最大寬度，使得在窗口拉伸時，網頁元素不會超出容器的寬度。

.container{
max-width: 1200px;
}
.container{
max-width: 90%;
}

和width屬性不同的是，max-width屬性會根據視口的大小自適應調整容器的寬度。這樣，網頁可以在不同設備上呈現不同的寬度。

在使用 CSS 設置頁面寬度時，我們需要考慮到布局，設計和響應式等方面的因素。只要合理地運用這些屬性，我們就能夠創建出優美的網頁，提高用戶體驗。