在CSS中，我們可以自定義滾動條樣式來美化網(wǎng)頁。這里我們提供一個自定義滾動條樣式的案例。

首先，我們需要對滾動條進行樣式重寫。我們可以使用以下代碼：

/* 隱藏默認滾動條 */
::-webkit-scrollbar {
display: none;
}
/* 自定義滾動條 */
.container::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.container::-webkit-scrollbar-thumb {
background: #a8a8a8;
border-radius: 5px;
}
.container::-webkit-scrollbar-thumb:hover {
background: #545454;
}

在上面的代碼中，我們先通過display:none;隱藏了默認滾動條。然后，通過::-webkit-scrollbar重寫了自定義滾動條的樣式，設(shè)置了寬度和高度。接下來，我們使用::-webkit-scrollbar-thumb來設(shè)置滾動條的顏色和圓角度數(shù)，并在鼠標懸停時將顏色更改為更深的灰色。

下面是樣式應用于一個容器時的效果：

<div class="container">
<p>這是一個有滾動條的容器。</p>
<p>...</p>
</div>

使用自定義滾動條可以讓我們輕松地為網(wǎng)頁添加一些與眾不同的功能，同時也提高了用戶體驗。