css做滚动条

要在网页中添加自定义的滚动条，可以通过 CSS 样式来实现。下面是一个简单的实现步骤：

1. 隐藏浏览器默认的滚动条：

body {
  overflow: hidden;
}

2. 创建一个自定义的滚动条：

/* 滚动条的轨道 */
::-webkit-scrollbar-track {
  background-color: #f5f5f5;
  border-radius: 10px;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  background-color: #555;
  border-radius: 10px;
}

/* 滚动条轨道和滑块鼠标悬浮时的样式 */
::-webkit-scrollbar-track:hover,
::-webkit-scrollbar-thumb:hover {
  background-color: #999;
}

3. 显示自定义的滚动条：

body {
  overflow: auto;
}

注意：以上代码是针对 Webkit 内核的浏览器，不同浏览器可能需要不同的前缀。