CSS可以通過添加背景屬性來創(chuàng)建圓形背景，但這種方法并不適用于所有瀏覽器，我們可以使用CSS的border-radius屬性來將文字的背景色設(shè)置為圓形，以下是一個(gè)示例：

.circle-text {
    background-color: #f00;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    padding: 10px;
    text-align: center;
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)名為.circle-text的CSS類，這個(gè)類將應(yīng)用于所有帶有circle-text類的HTML元素，在這個(gè)類中，我們?cè)O(shè)置了背景色為紅色（#f00），并將邊框半徑設(shè)置為50%，這將使背景色呈現(xiàn)為圓形，我們還設(shè)置了文字顏色為白色（#fff），并將元素設(shè)置為內(nèi)聯(lián)塊（display:inline-block），以便它可以像塊級(jí)元素一樣工作，但又不會(huì)獨(dú)占一行，我們添加了text-align:center;來使文本在圓形背景中居中顯示。

您可以將這個(gè)類添加到任何HTML元素中，例如段落（p（h1-h6）或列表（ul或ol）等。

<p class="circle-text">這是一段帶有圓形背景的文字。</p>

在這個(gè)示例中，我們創(chuàng)建了一個(gè)帶有.circle-text類的段落，這將使該段落的背景色呈現(xiàn)為圓形，您可以根據(jù)需要調(diào)整這個(gè)類的樣式，例如更改背景色、文字顏色或邊框半徑等。