CSS (層疊樣式表) 是一種用于樣式化網(wǎng)頁內(nèi)容的語言。其中有一個常用的屬性是滾動條（Scrollbar），它可以為元素添加一個滾動條，使得內(nèi)容在超過元素默認尺寸時可以進行滾動。

/* 添加垂直滾動條 */
.example {
overflow-y: scroll;
}

上面的 CSS 代碼可以為 class 為example的元素添加一個垂直滾動條。當(dāng)元素內(nèi)部內(nèi)容的高度大于元素高度時，就會出現(xiàn)滾動條。此時用戶就可以滾動頁面查看全部內(nèi)容。

/* 添加水平滾動條 */
.example {
overflow-x: scroll;
}

如果需要在水平方向上添加滾動條，可以將屬性overflow-x的值設(shè)為scroll，如上所示。

/* 隱藏滾動條 */
.example::-webkit-scrollbar {
width: 0;
}

有時候，我們并不需要顯示滾動條，只需要提供滾動的效果即可。為了實現(xiàn)這個效果，我們可以使用上面的 CSS 代碼。它會將所有 class 為example元素的滾動條寬度設(shè)置為 0，從而隱藏滾動條。

總體來說，滾動條是一種非常常見的網(wǎng)頁效果，CSS 提供了豐富的屬性和方法來實現(xiàn)滾動條的各種樣式。只要靈活應(yīng)用，就可以讓頁面的滾動更為流暢和自然。