在網頁中，有時需要讓字體自動向上或向下滾動，以吸引用戶的注意。這種效果可以通過CSS代碼來輕松設置。

/* CSS代碼 */
.scroll-text{
overflow: hidden; /* 隱藏溢出部分 */
height: 20px; /* 文本框高度 */
}
.scroll-text p{
animation: scroll 4s linear infinite; /* 4秒完成一次滾動 */
}
@keyframes scroll{
0%{
transform: translate(0,0); /* 文字不滾動 */
}
100%{
transform: translate(0,-100%); /* 文字向上滾動 */
}
}

以上代碼創建了一個名為.scroll-text的div，設定了其高度為20像素，并隱藏其中溢出的部分。在其中放入一個p標簽，設定其動畫屬性為名為scroll的關鍵幀動畫，持續時間為4秒，并將其無限循環。

具體來說，scroll關鍵幀動畫包含了兩個階段：0%和100%。初始位置為(0,0)，即固定不動。結束位置為(0,-100%)，意味著文字向上移動一段距離，這段距離等于文本框的高度，也就是20像素。因此，通過CSS代碼，實現了文字向上自動滾動的效果。

如有需要，可以將100%的結束位置改為(0,100%)，使文字向下滾動。也可以通過改變滾動的速度、動畫屬性、文本框高度等調整滾動效果。