CSS的一個小技巧是可以修改滾動條的顏色。通常，瀏覽器會自動為我們設置滾動條的顏色，但是，如果你需要為你的網站自定義滾動條的顏色，那么這個技巧將非常有用。 首先，在CSS中，你需要使用`::-webkit-scrollbar`選擇器來選擇滾動條元素。這個選擇器只適用于使用Webkit內核的瀏覽器（如Chrome、Safari等），因此，如果用戶使用非Webkit內核的瀏覽器來訪問你的網站，這個技巧就不會生效了。 下面是一個例子，讓滾動條變成紅色：

::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background-color: #f1f1f1;
}
::-webkit-scrollbar-thumb {
background-color: red;
}

在上面的代碼中，我們使用了三個子選擇器來定制滾動條的不同部分： 1. `::-webkit-scrollbar`選擇器用于選擇整個滾動條元素，并設置它的寬度； 2. `::-webkit-scrollbar-track`選擇器用于選擇滾動條的背景軌道，并設置它的背景顏色； 3. `::-webkit-scrollbar-thumb`選擇器用于選擇滾動條的拇指，并設置它的背景顏色。 你可以根據需要調整這些屬性的值來定制你的滾動條，以滿足你的需求。 值得注意的是，這個方法僅適用于Webkit內核的瀏覽器，因此可能不適用于其他瀏覽器。但是，對于絕大多數用戶來說，這個技巧足夠用了。