在網頁設計中，我們有時需要讓一些文字自動上下滾動，比如新聞頭條、活動公告等。那么CSS如何實現呢？讓我們一起來看看。

首先，在HTML文件中，我們需要用類似下面的代碼來定義一個滾動文本區域：

<div class="scroll-text">
<p>這里是需要滾動的文本內容</p>
</div>

在CSS中，我們需要使用以下代碼來設置滾動區域和滾動方式：

.scroll-text {
height: 240px;  /* 限制滾動區域的高度 */
overflow-y: scroll;  /* 豎向滾動 */
overflow-x: hidden;  /* 水平方向不滾動 */
}
.scroll-text p {
margin: 0;  /* 去掉段落默認的上下邊距 */
padding: 10px;  /* 設置段落內邊距 */
line-height: 1.5;  /* 設置行高 */
}

最后，我們需要使用JavaScript來控制文本的滾動。具體實現可以參照下面的代碼：

setInterval(function(){
var firstChild = document.querySelector(".scroll-text p:first-child");
document.querySelector(".scroll-text").appendChild(firstChild);
}, 2000);

以上代碼會每2秒鐘將第一個段落移到最后一個，從而實現文本的連續滾動。

綜上所述，我們可以通過HTML、CSS和JavaScript的協作來實現網頁上的文字滾動效果。