今天我們來談談如何使用CSS添加文本內容。CSS是一種用于設計網頁樣式的語言，控制著各種視覺效果。在網頁設計中，文本內容也是至關重要的一部分。那么如何在CSS中添加文本內容呢？下面我們就來介紹一下。 首先，我們可以使用 ::before 和 ::after 偽元素在CSS中添加文本內容。這兩個偽元素可以在元素內容的前面或者后面添加文本內容。比如：

p::before {
content: "前綴文本";
}
p::after {
content: "后綴文本";
}

這段代碼會在每個< p >元素的前面添加“前綴文本”，并在后面添加“后綴文本”。需要注意的是，content 屬性是必須的，否則這段代碼就無法起作用。 其次，我們可以使用 content 屬性來直接在元素中添加文本內容。比如：

p::before {
content: "這是一個段落：";
}
p {
content: "這是一個段落的內容。";
}

這段代碼會在每個< p >元素的前面添加“這是一個段落：”，并將元素內容改為“這是一個段落的內容。” 最后，我們也可以使用 @font-face 規則設置自定義字體并在CSS中使用。比如：

@font-face {
font-family: 'MyFont';
src: url('myfont.woff') format('woff');
}
p {
font-family: 'MyFont', sans-serif;
content: "這是使用自定義字體的文本內容。";
}

這段代碼會將自定義字體 MyFont 引入，并將< p >元素的字體設置為 MyFont，然后使用 “這是使用自定義字體的文本內容。” 來替代元素內容。 以上就是如何在CSS中添加文本內容的幾種方法。通過這些方法，我們可以輕松地掌握如何在網頁設計中添加文本內容，并且使其達到我們預期的效果。