CSS控制文字滾動是網頁設計中常用的一種效果，只需要幾行簡單的代碼，就可以實現文字滾動效果。下面是CSS控制文字滾動的方法：

marquee {
width: 100%;
height: 50px;
overflow: hidden;
white-space: nowrap;
animation: marquee 10s linear infinite;
}
@keyframes marquee {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(-100%);
}
}

首先，我們要定義一個marquee類，設置寬度、高度、溢出以及白色空格。這是必要的，因為我們想要把文字放在一個有限的區域內，并且只顯示一行文本。接下來我們定義了一個動畫，名為marquee， 持續10秒并且線性運行，無限循環。

在動畫中，我們設置了開始和結束的狀態。在0%的時間點，文字是完全向右偏移100%的（也就是在屏幕外）。在100%的時間點，文字又完全向左偏移100%的（也就是又在屏幕外了）。通過將文字從右側偏移移遙，然后讓它從左側回來，就實現了無縫循環滾動的效果。

最后，將marquee類應用到所需的 HTML 元素中，例如：

<div class="marquee">
<p>這是一段需要滾動的文字</p>
</div>

這將在頁面上創建一個可以無縫滾動的文本。