CSS中可以通過::-webkit-scrollbar偽元素來設置滾動條的樣式，包括顏色。
以下是一個設置滾動條顏色的示例：
/* 設置滾動條的樣式 */
::-webkit-scrollbar {
width: 10px; /* 設置滾動條的寬度 */
}
/* 設置滾動條的軌道背景顏色 */
::-webkit-scrollbar-track {
background-color: #f1f1f1;
}
/* 設置滾動條的滑塊顏色 */
::-webkit-scrollbar-thumb {
background-color: #888;
}
/* 設置滾動條的滑塊懸停時的顏色 */
::-webkit-scrollbar-thumb:hover {
background-color: #555;
}
在上述示例中，::-webkit-scrollbar偽元素用于設置滾動條的樣式，::-webkit-scrollbar-track用于設置滾動條的軌道背景顏色，::-webkit-scrollbar-thumb用于設置滾動條的滑塊顏色，::-webkit-scrollbar-thumb:hover用于設置滾動條的滑塊懸停時的顏色。
需要注意的是，這些樣式只在支持WebKit內核的瀏覽器中生效，如Chrome、Safari等。不同瀏覽器對滾動條樣式的支持可能有所不同。
