CSS 添加滚动条：完整指南及代码示例

要在 CSS 中添加滚动条，请使用以下代码：

/* 水平滚动条 */
'overflow-x': 'auto';

/* 垂直滚动条 */
'overflow-y': 'auto';

/* 滚动条宽度 */
'::-webkit-scrollbar': {
  'width': '10px';
}

/* 滚动条背景色 */
'::-webkit-scrollbar-track': {
  'background-color': '#f1f1f1';
}

/* 滚动条滑块 */
'::-webkit-scrollbar-thumb': {
  'background-color': '#888';
}

/* 滚动条滑块悬停状态 */
'::-webkit-scrollbar-thumb:hover': {
  'background-color': '#555';
}

这个代码块会在需要滚动条的元素上添加水平和垂直滚动条，并设置滚动条的样式。您可以根据需要自定义滚动条的宽度、背景色和滑块颜色。