在網頁設計中，文本元素的布局和樣式是非常重要的。有時候，我們需要給文本元素添加一些特殊效果，例如邊框。CSS 中提供了多種方式來實現這一效果。 一種簡單的方式是使用 border 屬性。通過為文本元素設置 border-width、border-style 和 border-color 屬性，可以創建一個簡單的邊框。例如： pre { border: 1px solid black; } 這將為 pre 元素添加一個 1 像素寬、黑色邊框。 另一種創建邊框的方式是使用偽元素 ::before 和 ::after。我們可以在文本元素前面或后面添加一個偽元素，然后定義它的樣式。 例如，下面的 CSS 代碼將為 paragraph 元素添加一個紅色邊框： p::before { content: ""; display: block; width: 100%; height: 1px; background-color: red; } p::after { content: ""; display: block; width: 100%; height: 1px; background-color: red; } 這里我們創建了兩個偽元素。偽元素的 content 屬性為空字符串，表示它們不會添加任何內容到文本元素中。偽元素的 display 屬性設置為 block，意味著它們將被渲染為塊級元素。然后我們為偽元素設置了寬度、高度和背景顏色，從而創建了一個紅色邊框。 當然，還有其他方式來創建文本邊框，例如使用 background 屬性、box-shadow 屬性等。無論你選擇哪種方式，都可以通過 CSS 來實現文本邊框效果。