CSS是網(wǎng)站設計中不可或缺的一部分。其中，背景圖片是非常常見的一種樣式，它可以給網(wǎng)頁增添美感和色彩。在控制文字背景圖片方面，可以使用以下代碼。

/* 設置文字背景圖片 */
p {
background-image: url("example.jpg");
background-repeat: no-repeat; /* 禁止重復 */
background-size: cover; /* 自適應 */
background-position: center; /* 居中顯示 */
}

在上述代碼中，我們首先使用了background-image屬性來指定背景圖片的路徑。我們還可以使用其他屬性來調(diào)整圖片的重復方式，大小和位置。

比如，如果我們希望背景圖片與文字之間有一定的距離，可以使用以下代碼：

/* 設置文字背景圖片 */
p {
background-image: url("example.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding: 20px; /* 文字與邊緣的距離 */
}

在這段代碼中，我們添加了padding屬性，可以控制文字和邊緣的距離。

還有一種更加靈活的方式是使用偽元素::before和::after來實現(xiàn)。以下是一個例子：

/* 使用偽元素實現(xiàn)文字背景圖片 */
p:before {
content: "";
background-image: url("example.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1; /* 將背景置于底層 */
}

在這個例子中，我們創(chuàng)建了一個偽元素::before，并在其中插入了一張背景圖片。我們使用了position屬性將它放置在p標簽之前，使用z-index屬性將其置于底層。

總之，控制文字背景圖片是網(wǎng)頁設計中常見的一項任務。我們可以使用各種屬性和技巧來實現(xiàn)這個目標，從而為網(wǎng)頁增添美感和色彩。