CSS文字上下滾動可以增加網(wǎng)頁的動態(tài)感，比如用在公告通知或新聞資訊等地方。下面是實現(xiàn)上下滾動的代碼示例：

.marquee {
height: 50px; /* 滾動框高度 */
overflow: hidden; /* 滾動框超出隱藏 */
position: relative; /* 父級相對定位 */
}
.marquee p {
position: absolute; /* 絕對定位 */
top: 0; /* 上邊距為0 */
left: 0; /* 左邊距為0 */
animation: fadein 3s linear infinite; /* 動畫持續(xù)時間3秒，線性變化，無限重復 */
}
@keyframes fadein {
0% {
opacity: 0;
transform: translateY(-50px); /* 上移50px */
}
10% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
opacity: 0;
transform: translateY(50px); /* 下移50px */
}
}

運用這個代碼，你可以輕松實現(xiàn)文字的上下滾動。自定義高度、動畫時間和滾動內(nèi)容，使你的網(wǎng)頁更具魅力！