在網頁中，文字滾動通常用于公告欄或廣告展示，通過CSS可以很方便地實現這一功能。

.marquee {
white-space: nowrap; /* 不換行 */
overflow: hidden; /* 隱藏超出部分 */
animation: marquee 10s linear infinite; /* 動畫效果 */
}
@keyframes marquee {
0% { transform: translateX(0); }
100% { transform: translateX(-100%); }
}

如上所示，我們先定義了一個CSS類名為.marquee，通過設置white-space為nowrap，即不允許文字換行，overflow為hidden，即隱藏超出部分，實現文字滾動的基本效果。

接下來，我們通過CSS的動畫效果，使用@keyframes指定滾動動畫的具體效果。我們設定了在10秒鐘內，橫向位移從0到-100%，即從頁面最左邊開始運動，到達頁面最右邊完成一次滾動。最后，將animation屬性與.marquee類名綁定，使用infinite關鍵字指定無限循環滾動。

最后，我們只需在HTML代碼中引用.marquee類名，即可實現文字滾動的效果。

<div class="marquee">
<p>這里是滾動的文字內容</p>
</div>

通過以上代碼，我們可以很容易地實現文字滾動的效果，為網站添加更多動態元素。