CSS滾動條是網頁中常見的用戶界面元素，它可以使滾動體驗更自然，更流暢。下面我們來看看如何用CSS來調整滾動條。

/* 首先，我們需要選擇滾動條 */
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
/* 接著，我們可以修改滾動條的樣式 */
::-webkit-scrollbar-thumb {
background-color: #666;
}
/* 我們還可以修改滾動條的軌道顏色 */
::-webkit-scrollbar-track {
background-color: #eee;
}

在上面的代碼中，我們使用了偽類(::)來選擇滾動條，并且使用了-webkit-這個前綴，這是因為目前只有WebKit內核的瀏覽器支持CSS滾動條，包括Chrome、Safari和Opera等瀏覽器。

接下來，我們可以根據自己的需求，對滾動條的寬度、高度、顏色等進行調整。此外，還可以使用下面這段代碼隱藏滾動條：

/* Hide scrollbar for Chrome, Safari and Opera */
::-webkit-scrollbar {
display: none;
}

不過，值得注意的是，用戶體驗往往是最重要的，如果使用CSS修改滾動條會使得用戶難以使用或者造成不必要的困擾，那么還是建議不要進行修改。