CSS文字折疊收起是一種用于網(wǎng)頁設(shè)計的交互效果，可以幫助用戶更好地瀏覽內(nèi)容。以下是如何實現(xiàn)這種效果：

/* CSS代碼 */
.collapsible {
overflow: hidden;
height: 3em;
}
.collapsible .collapse-label {
display: none;
}
.collapsible:hover {
height: auto;
}
.collapsible:hover .collapse-label {
display: block;
}

以上CSS代碼中，“.collapsible”是折疊部分的外框，“.collapse-label”是折疊控制按鈕的標(biāo)簽。具體實現(xiàn)效果請看下面的代碼示例：

<div class="collapsible">
<p>這是折疊之前的內(nèi)容，將會顯示三行并顯示‘顯示更多’按鈕。</p>
<p class="collapse-label"><a href="#">顯示更多</a></p>
<p style="display:none">這是折疊之后的內(nèi)容，將會隱藏掉。</p>
</div>

在這個例子中，我們將為折疊內(nèi)容設(shè)置一個“3em”的高度，這意味著只會顯示前三行文字。只要鼠標(biāo)懸停在折疊區(qū)域上，就會自動展開更多的內(nèi)容，并顯示“顯示更少”按鈕。

通過CSS文本折疊收起的方法，可以使網(wǎng)頁內(nèi)容更加清晰易懂，同時實現(xiàn)了有趣的交互效果。