要自定義CSS滾動條樣式，你可以使用CSS的::-webkit-scrollbar偽類來選擇滾動條，并使用其他屬性來定義樣式。
下面是一個簡單的例子，展示了如何自定義滾動條的樣式：
/* 隱藏滾動條 */
::-webkit-scrollbar {
display: none;
}
/* 自定義滾動條的背景顏色 */
::-webkit-scrollbar-track {
background-color: #f1f1f1;
}
/* 自定義滾動條上滑塊的顏色 */
::-webkit-scrollbar-thumb {
background-color: #888;
}
/* 鼠標懸停在滾動條上滑塊時的顏色 */
::-webkit-scrollbar-thumb:hover {
background-color: #555;
}
在這個例子中，我們首先使用::-webkit-scrollbar選擇滾動條，將其display屬性設置為none，以隱藏滾動條。然后，使用::-webkit-scrollbar-track選擇滾動條的軌道，并設置其background-color屬性來定義背景顏色。接下來，使用::-webkit-scrollbar-thumb選擇滾動條上滑塊，并設置其background-color屬性來定義滑塊的顏色。最后，使用::-webkit-scrollbar-thumb:hover選擇滾動條上滑塊的懸停狀態，并設置其background-color屬性來定義鼠標懸停時的顏色。
請注意，這個例子只適用于使用WebKit內核的瀏覽器（如Chrome、Safari等）。如果你想要在其他瀏覽器上自定義滾動條樣式，你可能需要使用其他類似的偽類和屬性。
