CSS 窗口滾動條樣式 CSS 窗口滾動條樣式是指設置網頁中滾動條的外觀。通過 CSS 樣式可以改變滾動條的顏色、樣式、大小等。以下是一些示例代碼：

/* 普通滾動條樣式 */
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar-track {
background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
background: #888;
}
/* 自定義滾動條樣式 */
::-webkit-scrollbar {
width: 10px;
height: 10px;
background-color: #fff;
}
::-webkit-scrollbar-track {
background-color: #ddd;
border-radius: 5px;
}
::-webkit-scrollbar-thumb {
background-color: #bbb;
border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
background-color: #999;
}
/* 隱藏滾動條 */
::-webkit-scrollbar {
display: none;
}

上述代碼中，第一個示例設置了普通滾動條的樣式，包括滾動條寬度、高度、軌道背景顏色和拇指顏色。第二個示例定義了自定義滾動條的樣式，軌道和拇指都設置了圓角，而且在鼠標懸停時，拇指顏色會改變。第三個示例展示了如何隱藏滾動條，只需要將 display 屬性設置為 none。 通過 CSS 可以輕松地自定義網頁中的滾動條樣式，使其更符合網站風格和設計。應該注意的是，這些樣式可能不適用于所有瀏覽器。