在網頁設計中，經常需要對文字或者整塊內容設置背景顏色，這么做可以提高頁面的美觀程度，同時也能夠讓內容更加突出。在實際開發中，常常有這樣的需求：只讓文字有背景顏色，而不是整塊內容，那么該如何實現呢？下面我們就來介紹一種簡單的方法。 首先，在需要設置背景顏色的文字所在的p標簽中添加如下CSS樣式： ``` p{ background-color: #f2f2f2; display: inline; } ``` 其中，background-color屬性指定了背景顏色，也可以使用rgba或者hsl來定義背景顏色；display屬性設置為inline，是為了避免塊級元素出現換行的情況。 然而，直接使用上述代碼會發現，整個p標簽的背景顏色都會被改變，其實只需要設置文字的class樣式即可。 例如，我們設置p標簽的class為“text-bg”，則代碼為： ```

只有文字有背景顏色的文字

``` 然后再加入以下CSS樣式： ``` .text-bg { background-color: #f2f2f2; display: inline; } ``` 這樣，只有設置了“text-bg”類的p標簽中的文字才會有背景顏色，而其他p標簽則不受影響。 需要注意的是，在設置背景顏色時，應該考慮頁面整體的配色風格，以及用戶的使用習慣，避免太過鮮艷或者刺眼的顏色。 總的來說，通過為p標簽中的文字設置class樣式，能夠實現只讓文字有背景顏色的效果，同時也能夠更好的控制頁面的布局和美觀度。