CSS可以用來控制頁面上的滑動條，包括其粗細(xì)和樣式。通過調(diào)整以下屬性，你可以修改滑動條的樣式。

/* 修改垂直滑動條的寬度和樣式 */
::-webkit-scrollbar {
width: 10px; 
background-color: #f5f5f5;
}
/* 滑塊樣式 */
::-webkit-scrollbar-thumb {
background-color: #000000;
border-radius: 5px;
}
/* 滑道樣式 */
::-webkit-scrollbar-track {
background-color: #f5f5f5;
}
/* 鼠標(biāo)懸停時滑塊樣式 */
::-webkit-scrollbar-thumb:hover {
background-color: #555;
}
/* 垂直滾動條右側(cè)邊距 */
body {
margin-right: 20px;
}

在上面的代碼中，我們分別針對滑動條、滑塊和滑道定義了不同的樣式，通過調(diào)整各屬性值可以實現(xiàn)不同的效果。其中，width屬性用來設(shè)置滑動條的寬度，background-color用來設(shè)置背景顏色。

如果你想要修改水平滑動條的樣式，只需將上述webkit-scrollbar改為webkit-scrollbar-horizontal即可。

總之，通過CSS的樣式調(diào)整，你可以讓滑動條更加符合頁面風(fēng)格和設(shè)計需求。