CSS是網頁設計中不可缺少的一部分，它可以用來實現各種動態效果。其中，文字逐個輸出就是一種比較常見的效果，并且可以增加頁面的趣味性。下面，我們就來介紹如何使用CSS將文字逐個輸出。

<style>
.output-text{
animation: typing 3s steps(12) 1s both;
white-space: nowrap;
overflow: hidden;
}
@keyframes typing{
from {width: 0;}
to {width: 100%;}
}
</style>
<p class="output-text">這是一段要被逐個顯示的文字</p>

上面的代碼中，我們使用了animation來實現文字逐個輸出的效果。其中，參數steps(12)表示每個字符被分成了12個步驟進行顯示，1s表示每隔1s逐個顯示下一個字符。

同時，我們還將p標簽的class設置為output-text，并通過CSS來對其進行樣式控制。其中，white-space: nowrap可以防止文字自動換行，overflow: hidden可以隱藏超出邊界的部分。

最后，通過定義@keyframes中的動畫過程，我們實現了文字逐個輸出的效果。from表示動畫開始時的狀態，to表示動畫結束時的狀態，width: 0表示初始寬度為0，width: 100%表示結束時寬度為100%。

以上就是使用CSS將文字逐個輸出的方法，可以讓頁面更加生動有趣，提升用戶體驗。