在HTML中，我們可以使用CSS來設置頁面滾動條的寬度。通常情況下，瀏覽器默認的滾動條寬度是17像素。但是，在某些情況下，我們可能希望自定義滾動條的寬度以滿足特定的設計要求。 我們可以使用下面的CSS代碼來設置滾動條的寬度：

::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background-color: #f2f2f2;
}
::-webkit-scrollbar-thumb {
background-color: #ccc;
}

這段代碼中，我們定義了三個CSS偽元素來控制滾動條的樣式。首先，我們使用`::-webkit-scrollbar`來設置滾動條的基本樣式。我們將`width`屬性設置為10像素，這意味著我們的滾動條寬度將為10像素。請注意，這個CSS規則只對Webkit瀏覽器有效，例如Google Chrome和Safari。 接下來，我們使用`::-webkit-scrollbar-track`來設置滾動條軌道的樣式。我們將`background-color`屬性設置為淺灰色，這會使滾動條軌道在頁面中更易于識別。 最后，我們使用`::-webkit-scrollbar-thumb`來定義滾動條的滑塊樣式。我們將`background-color`設置為淡灰色，這將使滑塊顏色與軌道顏色保持一致。當然，你可以根據自己的需求自定義顏色。 通過使用上述代碼，我們可以輕松地自定義滾動條的寬度和樣式。請注意，這些規則只適用于Webkit瀏覽器。對于其他瀏覽器，你需要使用相應的CSS規則來實現同樣的效果。