CSS可以幫助我們美化網頁中的各種元素，包括滾動條。今天我們就來介紹一下如何使用CSS設置瀏覽器滾動條。

首先，我們需要記住滾動條有兩種狀態：未激活狀態和激活狀態。未激活狀態下，滾動條是灰色的；激活狀態下，滾動條是有顏色的。我們可以分別使用不同的CSS屬性來設置這兩種狀態下的顏色。

/* 未激活狀態 */
::-webkit-scrollbar-track {
background-color: #f5f5f5;
}
/* 激活狀態 */
::-webkit-scrollbar-thumb {
background-color: #888;
}

代碼的第一行設置未激活狀態下的背景顏色為#f5f5f5。這里的“::-webkit-scrollbar-track”是指滾動條的軌道。第二行代碼設置激活狀態下滾動條的顏色為#888。這里的“::-webkit-scrollbar-thumb”是指滾動條上的拇指。

另外，我們還可以通過CSS屬性“border-radius”來設置滾動條的圓角。以下代碼將滾動條的圓角設置為4px：

/* 圓角 */
::-webkit-scrollbar {
border-radius: 4px;
}

以上就是如何使用CSS設置瀏覽器滾動條的方法。通過簡單的CSS代碼，我們可以將平凡無奇的滾動條變得美觀優雅。