CSS滾動條可以通過CSS樣式來美化，下面的例子將介紹如何美化滾動條：

/* 設置滾動條軌道的顏色 */
::-webkit-scrollbar-track {
background-color: #F5F5F5;
}
/* 設置滾動條上下按鈕的顏色 */
::-webkit-scrollbar-button {
background-color: #000000;
}
/* 設置滾動條thumb的顏色 */
::-webkit-scrollbar-thumb {
background-color: #000000;
border-radius: 10px;
}
/* 設置滾動條hover時的thumb顏色 */
::-webkit-scrollbar-thumb:hover {
background-color: #333333;
}

在上面的例子中，我們使用了“::”偽元素選擇器來選取滾動條軌道、按鈕和thumb元素。我們可以通過CSS樣式來美化這些元素的顏色、寬度、高度和邊框等屬性。

值得注意的是，不同瀏覽器對CSS滾動條樣式的支持程度不同，有些瀏覽器需要加上廠商前綴來實現相同的效果。例如，Google瀏覽器要加上"-webkit-"前綴，Mozilla瀏覽器要加上"-moz-"前綴，Ie瀏覽器要加上"-ms-"前綴。

綜上所述，通過CSS樣式美化滾動條可以很好的改善網頁的用戶體驗，建議在網頁設計中嘗試使用。