在CSS3中，我們可以通過添加overflow屬性來添加滾動條。overflow屬性可以指定當內容溢出元素框時發(fā)生的事情，

.div-with-scroll {
  width: 200px;
  height: 200px;
  overflow: auto;
}

在這個例子中，我們指定了一個具有特定寬度和高度的div元素，并且當內容超出這個范圍時，瀏覽器會自動添加滾動條。overflow屬性可以設置為scroll（總是添加滾動條）、auto（僅在需要時添加滾動條）、hidden（隱藏溢出的內容）或visible溢出）。

我們還可以使用scroll-behavior屬性來控制滾動條的樣式和行為。

.div-with-scroll {
  width: 200px;
  height: 200px;
  overflow: auto;
  scroll-behavior: smooth;
}

在這個例子中，我們指定了當內容溢出時，滾動條會以平滑的方式滾動，而不是立即跳轉到新的位置，這個屬性可以使得滾動體驗更加流暢和友好。

除了上述方法，CSS3還提供了許多其他屬性和方法來定制和控制滾動條的行為和樣式，我們可以使用scrollbar-width屬性來設置滾動條的寬度，或者使用scrollbar-color屬性來設置滾動條的顏色，這些屬性可以幫助我們更好地控制滾動條的外觀和行為，從而提升用戶體驗。