HTML 中設置滾動條樣式 HTML 中設置滾動條樣式方法多種多樣，比較簡單的方式是通過 CSS 樣式表進行設置。 首先在 HTML 文檔中引入樣式表文件：

<link rel="stylesheet" type="text/css" href="style.css">

然后在 style.css 中設置滾動條樣式：

/* 設置滾動條的樣式 */
::-webkit-scrollbar {
width: 12px;
}
::-webkit-scrollbar-track {
background-color: #F1F1F1;
}
::-webkit-scrollbar-thumb {
background-color: #9b9797;
border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover {
background-color: #6a8f7c;
}

上述代碼中，我們為滾動條設置了寬度、背景色以及滑塊樣式，并為滑塊設置了圓角和鼠標懸停時的樣式。 此外，在 Firefox 和 IE 中也可以通過 CSS 樣式表進行滾動條樣式的設置，具體代碼如下：

/* Firefox */
* {
scrollbar-width: thin;
scrollbar-color: #9b9797 #F1F1F1;
}
/* IE */
body::-webkit-scrollbar {
width: 12px;
}
body::-webkit-scrollbar-track {
background-color: #F1F1F1;
}
body::-webkit-scrollbar-thumb {
background-color: #9b9797;
}
body::-webkit-scrollbar-thumb:hover {
background-color: #6a8f7c;
}

以上就是 HTML 中設置滾動條樣式的方法，可以根據自己的需要進行設置，使頁面更加美觀和實用。