CSS提供了輕松添加滾動欄的方法。接下來的文章將向您介紹如何添加垂直和水平滾動欄。

1. 添加垂直滾動欄

/* CSS代碼 */
div{
width: 200px;
height: 100px;
overflow-y: scroll;
}

在上述代碼中，我們定義了一個寬度為200像素，高度為100像素的div容器。接下來的overflow-y屬性設置了垂直滾動條。如果內容溢出了div的高度，就會出現垂直滾動欄。

2. 添加水平滾動欄

/* CSS代碼 */
div{
width: 200px;
height: 100px;
overflow-x: scroll;
white-space: nowrap;
}

同樣是創建一個寬度為200像素，高度為100像素的div容器。接下來的overflow-x屬性設置了水平滾動條。我們還添加了一個white-space屬性來防止文本折斷。這種技術在側邊欄或表格中特別有用。

使用CSS添加滾動欄非常簡單。通過設置overflow屬性，您可以輕松地添加垂直或水平滾動條。如果需要，還可以使用white-space屬性來進行更多設置。嘗試在您的站點中使用這些屬性，提高用戶體驗吧！