CSS 常用于網頁樣式的設計，而滾動條的樣式也可以通過 CSS 進行修改。 具體的方法是通過 `scrollbar` 相關的偽元素，使用 CSS 代碼進行樣式設計。下面是一個實現讓滾動條變成紅色的示例代碼：

/* 自定義滾動條樣式 */
body::-webkit-scrollbar {
width: 10px;
}
body::-webkit-scrollbar-track {
background-color: #f5f5f5;
}
body::-webkit-scrollbar-thumb {
background-color: #ff0000;
border-radius: 5px;
}

以上代碼中 `body` 代表整個頁面，`::-webkit-scrollbar`表示滾動條，`::-webkit-scrollbar-track` 表示滾動條的軌道，`::-webkit-scrollbar-thumb` 表示滾動條的滑塊。 其中 `width` 設置滾動條的寬度，`background-color` 設置軌道的背景色，`border-radius` 設置滑塊的圓角大小，顏色是通過彩色代碼進行設置的。 需要注意的是，由于不同瀏覽器實現細節有所不同，上面代碼中的 `::-webkit-scrollbar` 是針對 Chrome 瀏覽器的，要在其他瀏覽器中實現同樣的效果，需要使用對應的偽元素。 總的來說，CSS 可以方便地實現滾動條樣式的定制，通過使用偽元素和屬性的組合，實現更加細致和精美的樣式。