要添加自定義的滾動條樣式，可以使用CSS的::-webkit-scrollbar偽元素來實現。
下面是一個示例，展示如何添加自定義的滾動條樣式：
/* 添加滾動條樣式 */
::-webkit-scrollbar {
width: 8px; /* 設置滾動條的寬度 */
}
/* 添加滾動條軌道樣式 */
::-webkit-scrollbar-track {
background-color: #f1f1f1; /* 設置滾動條軌道的背景顏色 */
}
/* 添加滾動條滑塊樣式 */
::-webkit-scrollbar-thumb {
background-color: #888; /* 設置滾動條滑塊的背景顏色 */
border-radius: 4px; /* 設置滾動條滑塊的圓角 */
}
/* 鼠標懸停在滾動條上時的樣式 */
::-webkit-scrollbar-thumb:hover {
background-color: #555; /* 設置滾動條滑塊的背景顏色 */
}
將上述樣式添加到你的CSS文件中，或者直接在HTML文件中的<style>標簽中添加，即可自定義滾動條的樣式。
注意：上述樣式只適用于WebKit內核的瀏覽器，比如Chrome、Safari等。對于其他瀏覽器，可以使用類似的樣式，但可能會有一些差異。
