用于设计和滚动条的Css代码

/* 隐藏滚动条 */
body {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}

/* 隐藏滚动条 - WebKit */
body::-webkit-scrollbar {
  display: none;
}

/* 自定义滚动条样式 */
body::-webkit-scrollbar {
  width: 10px; /* 设置滚动条宽度 */
}

body::-webkit-scrollbar-track {
  background: #f1f1f1; /* 设置滚动条背景色 */
}

body::-webkit-scrollbar-thumb {
  background: #888; /* 设置滚动条滑块颜色 */
}

body::-webkit-scrollbar-thumb:hover {
  background: #555; /* 设置滚动条滑块悬停时的颜色 */
}

/* 滚动条样式渐变效果 */
body::-webkit-scrollbar {
  width: 10px;
}

body::-webkit-scrollbar-track {
  background: linear-gradient(to right, #f1f1f1, #ccc); /* 设置滚动条背景渐变色 */
}

body::-webkit-scrollbar-thumb {
  background: linear-gradient(to right, #888, #555); /* 设置滚动条滑块渐变色 */
}