在CSS中，我們可以通過設置滾動條的樣式來使其變細，我們可以使用::-webkit-scrollbar偽元素來定制滾動條的樣式，以下是一個示例代碼，可以將滾動條變細：

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: #888;
}

在這個示例中，我們將滾動條的寬度和高度都設置為5像素，這樣可以使其變得更細，我們還設置了滾動條軌道的背景色為#f1f1f1，滾動條本身的背景色為#888，你可以根據(jù)自己的需求調整這些樣式。

需要注意的是，這種方法只適用于WebKit瀏覽器，如Chrome和Safari等，如果你需要使用其他瀏覽器，可以考慮使用JavaScript來動態(tài)設置滾動條的樣式。