CSS文字無線循環滾動是一種非常常見的網頁效果，可以增加頁面的動感和視覺沖擊力。本文將介紹如何使用CSS實現文字的無限循環滾動。

marquee {
height: 20px; /* 文字高度 */
position: relative; /* 相對定位 */
overflow: hidden; /* 隱藏溢出內容 */
}
marquee span {
position: absolute; /* 絕對定位 */
white-space: nowrap; /* 不換行 */
animation: marqueeScroll 8s linear infinite; /* 滾動動畫，8秒循環 */
}
@keyframes marqueeScroll {
0% {
left: 100%; /* 開始位置 */
}
100% {
left: -100%; /* 結束位置 */
}
}

首先，我們需要為marquee元素設置一定的高度，并將其position屬性設置為relative，以便其子元素以其為參照進行定位。

接著，我們需要為文字設置絕對定位，并將其white-space屬性設置為nowrap，使其不換行。

然后，我們使用animation屬性設置滾動動畫，將其時長設置為8秒，并將其重復次數設置為infinite，以實現無限循環滾動。

最后，我們使用@keyframes規則定義滾動動畫的起始位置和結束位置，將文字的left屬性從100%移動到-100%即可實現無限循環滾動。