CSS設置滾動條大小
使用CSS樣式表使網頁滾動條可以提高頁面的可讀性和用戶體驗。滾動條最簡單的用法只需要添加下述代碼即可：此時滾動條并未改變原有樣式，只是加上了一個默認的滾動條樣式。
接下來展示如何設置滾動條大小，將原有的10px寬度變更為20px：
::—webkit-scrollbar {
width: 20px;
}
除此之外，還有一些其他可用屬性控制滾動條大小樣式。例如，你可以使用height屬性來調整垂直滾動條的高度，也可以用background-color屬性更改整個滾動條的背景色。代碼如下：
::-webkit-scrollbar {
width: 20px;      /*滾動條寬度*/
height: 16px;     /*滾動條高度*/
background-color: #f5f5f5;  /*滾動條背景色*/
}
::-webkit-scrollbar-thumb {
background-color: #000;     /*滾動條滑塊背景色*/
}
總之，不同的滾動條屬性能夠讓你根據自己的需要調整不同的大小，輕松改善用戶體驗和頁面可讀性。