HTML 設置滾動條顏色設置 在網頁中，滾動條是一個常見的元素，幫助用戶在頁面滾動的同時也可以進行快速導航。但是，默認的滾動條顏色可能并不適合你的網頁設計風格，這時你可以通過 HTML 來設置滾動條的顏色。 設置滾動條的主要屬性有：滾動條的背景色（background-color）、滾動條滑塊的顏色（scrollbar-face-color）以及滾動條滑塊在懸停狀態下的顏色（scrollbar-track-color）。 以下是一個設置滾動條顏色的例子：

<style type="text/css">
::-webkit-scrollbar {
width: 10px;
}
/* 滾動條整體樣式 */
::-webkit-scrollbar-track {
background-color: #f5f5f5;
}
/* 滾動條滑塊樣式 */
::-webkit-scrollbar-thumb {
background-color: #c1c1c1;
border-radius: 5px;
border: 3px solid #f5f5f5;
}
/* 鼠標懸停在滾動條上的狀態樣式 */
::-webkit-scrollbar-thumb:hover {
background-color: #555;
}
</style>

上述代碼中，使用了偽元素（`::-webkit-scrollbar`）來設置滾動條的整體樣式、滑塊樣式以及懸停狀態下的樣式。其中，`background-color` 屬性用來設置背景色，`border-radius` 屬性用來設置滑塊的圓角半徑，`border` 屬性用來設置滑塊的邊框樣式。 需要注意的是，上述代碼中的樣式屬性只適用于谷歌瀏覽器（Chrome、Safari），不同瀏覽器的滾動條樣式會有微小的差異。 總之，通過 HTML 設置滾動條顏色可以為網頁添加更多的設計元素和更好的用戶體驗。