CSS代碼是網站設計中必不可少的一部分，它可以幫助我們美化頁面樣式，讓用戶更好的體驗網站。而滾動條樣式也是設計中很重要的一個元素，下面讓我們來學習一下滾動條樣式的CSS代碼。 首先，要設置滾動條寬度和高度，我們可以使用如下代碼：

::-webkit-scrollbar {
width: 10px; 
height: 10px; 
}

其中，::-webkit-scrollbar是用于設置滾動條樣式的偽元素。在這里，我們設置了寬度和高度分別為10px。 接下來，我們可以使用如下代碼來設置滾動條的背景顏色和滑塊的顏色：

::-webkit-scrollbar-thumb {
background-color: #ccc; 
border-radius: 5px;
}
::-webkit-scrollbar-track {
background-color: #f5f5f5; 
border-radius: 5px;
}

在這里，::-webkit-scrollbar-thumb用于設置滾動條滑塊的樣式，我們設置了滑塊的背景顏色為灰色，邊緣圓角為5px。而::-webkit-scrollbar-track用于設置滾動條軌道的樣式，我們設置了軌道的背景顏色為白色灰，在邊緣也設置了圓角。 最后，如果需要設置滾動條懸停時的樣式，我們可以使用如下代碼：

::-webkit-scrollbar-thumb:hover { 
background-color: #999; 
}

在這里，我們設置了當鼠標懸停在滑塊上時，滑塊的背景顏色會變為淺灰色。 通過以上的CSS代碼設置，我們可以實現一個美觀且適用的滾動條樣式。希望本文對大家有所幫助。