CSS是用于定義HTML文檔外觀和樣式的語言，通過CSS，我們可以為HTML元素添加各種視覺效果。本文將介紹如何在CSS中設置滾動功能，以方便用戶查看文本超出元素尺寸的內容。
在CSS中設置滾動功能非常簡單，只需要在元素樣式中添加一個overflow屬性即可。overflow屬性有兩個可選值，分別為hidden和scroll。其中，hidden表示隱藏超出元素尺寸的內容，而scroll則表示自動添加滾動條，以便用戶查看全部內容。
下面是一個例子，演示如何在CSS中為一個文本框添加滾動條：

<style>
.text-box {
width: 300px;
height: 100px;
overflow: scroll;
}
</style>
<div class="text-box">
<p>這是一個文本框，用于演示CSS中的滾動功能。如果文本超過了文本框尺寸，就會自動出現滾動條，方便用戶查看全部內容。</p>
</div>

在上述代碼中，我們使用了一個div元素來模擬文本框，為其添加了class屬性以便使用樣式。在樣式中，我們將文本框的寬度設置為300px，高度設置為100px，并添加了overflow: scroll屬性，表示自動添加滾動條。
在文本框中，我們添加了一個p標簽，用于顯示文本內容。如果文本內容超過了文本框尺寸，就會自動出現滾動條，方便用戶查看全部內容。
總之，CSS中添加滾動功能非常簡單，只需要通過overflow屬性來設置即可。無論是文本框、圖像、視頻還是其他元素，都可以通過這種方式輕松實現滾動功能，提升用戶體驗。