在CSS中添加滑動條，可以通過設(shè)置scrollbar-width屬性來實現(xiàn)，該屬性可以定義滾動條的寬度和顏色，以及滾動條的樣式。

以下代碼可以將滑動條寬度設(shè)置為20px，顏色設(shè)置為灰色，樣式設(shè)置為圓角矩形：

::-webkit-scrollbar {
  width: 20px;
  height: 20px;
  color: #888;
  background-color: #f1f1f1;
  border-radius: 10px;
}

::-webkit-scrollbar是偽元素，表示滾動條。width和height屬性分別表示滾動條的寬度和高度，color屬性表示滾動條的顏色，background-color屬性表示滾動條的背景顏色，border-radius屬性表示滾動條的樣式。

除了scrollbar-width屬性外，還可以通過設(shè)置其他CSS屬性來定制滑動條的樣式，例如scrollbar-color、scrollbar-track-color等，這些屬性可以進一步豐富滑動條的樣式和交互效果。

需要注意的是，不同瀏覽器對滑動條的樣式支持程度有所不同，因此在實際應(yīng)用中需要根據(jù)不同的瀏覽器進行適配和調(diào)整，為了提高用戶體驗和易用性，建議在設(shè)計滑動條時考慮其交互效果和易用性，避免出現(xiàn)卡頓、不流暢等問題。