在網站開發中，我們經常需要在頁面上添加一些內容文字來補充頁面的信息。CSS可以幫助我們輕松地添加這些內容文字。本文將講解如何使用CSS添加內容文字。

使用CSS添加內容文字有兩種方法：一種是使用偽元素（pseudo-element），另一種是使用偽類（pseudo-class）。下面分別介紹這兩種方法的使用。

/* 使用偽元素添加內容文字 */
div::before {
content: "這是添加的內容文字";
}
/* 使用偽類添加內容文字 */
div:hover::after {
content: "這是鼠標懸停時添加的內容文字";
}

第一種方法使用了偽元素，利用::before來添加內容文字。在這個偽元素中，我們使用了content屬性來指定要添加的內容文字。在上面的代碼中，我們為div元素添加了一個內容文字，文字內容是“這是添加的內容文字”。

第二種方法使用了偽類，利用:hover來實現鼠標懸停時添加內容文字。在這個偽類中，我們使用了::after來指定要添加的內容文字。與偽元素一樣，我們也是使用content屬性來添加內容文字。

需要注意的是，content屬性只適用于偽元素和偽類，不可用于普通的HTML元素。除此之外，我們還需要確保使用偽元素和偽類的元素是空元素，否則添加的內容文字將無法正常顯示。

以上就是使用CSS添加內容文字的方法和注意事項。使用這個技巧，我們可以更方便地在網頁中添加一些信息和提示，提高網站的用戶體驗。