要自定義HTML滾動條的樣式，可以使用CSS樣式來實現。以下是一些常用的方法：
/* 修改滾動條軌道的樣式 */
::-webkit-scrollbar {
width: 10px;
}
/* 修改滾動條滑塊的樣式 */
::-webkit-scrollbar-thumb {
background-color: #333;
border-radius: 5px;
}
/* 修改滾動條軌道的背景色 */
::-webkit-scrollbar-track {
background-color: #f1f1f1;
}
/* 修改滾動條軌道的樣式 */
::-ms-scrollbar {
width: 10px;
}
/* 修改滾動條滑塊的樣式 */
::-ms-scrollbar-thumb {
background-color: #333;
border-radius: 5px;
}
/* 顯示滾動條 */
.element {
overflow: scroll;
}
/* 隱藏滾動條 */
.element {
overflow: hidden;
}
通過以上方法，可以自定義HTML滾動條的樣式，使其符合頁面設計的需求。
