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 中设置滚动条样式的方法，可以根据自己的需要进行设置，使页面更加美观和实用。