要设置HTML滚动条样式，可以使用CSS的属性和伪类来实现。以下是一些常用的设置方法：

1. 设置滚动条的宽度和颜色：

```css

/* 水平滚动条 */

::-webkit-scrollbar {

width: 10px; /* 设置滚动条的宽度 */

/* 垂直滚动条 */

::-webkit-scrollbar {

width: 10px; /* 设置滚动条的宽度 */

/* 滚动条的轨道 */

::-webkit-scrollbar-track {

background: #f1f1f1; /* 设置滚动条的背景色 */

/* 滚动条的滑块 */

::-webkit-scrollbar-thumb {

background: #888; /* 设置滚动条滑块的颜色 */

```

2. 设置滚动条的圆角和阴影效果：

```css

/* 滚动条的滑块 */

::-webkit-scrollbar-thumb {

background: #888;

border-radius: 5px; /* 设置滚动条滑块的圆角 */

box-shadow: inset 0 0 5px rgba(0,0,0,0.2); /* 设置滚动条滑块的阴影效果 */

```

3. 设置滚动条的按钮样式：

```css

/* 滚动条的按钮 */

::-webkit-scrollbar-button {

display: none; /* 隐藏滚动条的按钮 */

```

4. 设置滚动条在鼠标悬停时的样式：

```css

/* 滚动条的滑块 */

::-webkit-scrollbar-thumb:hover {

background: #555; /* 设置鼠标悬停时滚动条滑块的颜色 */

```

请注意，这些样式只适用于WebKit内核的浏览器，如Chrome和Safari。对于其他浏览器，可以使用不同的前缀和属性来实现类似的效果。