本文目錄導(dǎo)讀：

1. 使用CSS添加文字到圖片
2. 調(diào)整文字樣式
3. 添加背景圖片

CSS是一種強大的樣式表語言，可以用來美化網(wǎng)頁，其中就包括了將文字添加到圖片上的功能，下面，我們將詳細(xì)介紹如何使用CSS來實現(xiàn)這一效果。

使用CSS添加文字到圖片

在CSS中，我們可以使用position屬性將文字定位到圖片上的某個位置，我們可以將文字添加到圖片的左上角：

img {
    position: relative;
}
img p {
    position: absolute;
    top: 0;
    left: 0;
}

在上面的代碼中，img元素被設(shè)置為相對定位，而p元素則被設(shè)置為***定位，由于p元素的定位是相對于img元素的，因此它會被定位到img元素的左上角，你可以將p元素中的文字替換成你想要的任何文字。

調(diào)整文字樣式

在CSS中，我們還可以調(diào)整文字的顏色、字體大小等樣式，我們可以將添加到圖片上的文字設(shè)置為紅色、字體大小為20px：

img p {
    color: red;
    font-size: 20px;
}

在上面的代碼中，我們將添加到圖片上的文字的顏色設(shè)置為紅色，并將字體大小設(shè)置為20px，你可以根據(jù)自己的需求來調(diào)整這些樣式。

添加背景圖片

除了將文字添加到圖片上，我們還可以使用CSS來添加背景圖片，我們可以將背景圖片設(shè)置為一張美麗的風(fēng)景圖：

body {
    background-image: url("beautiful_scenic_image.jpg");
    background-size: cover;
}

在上面的代碼中，我們將背景圖片設(shè)置為一張名為"beautiful_scenic_image.jpg"的圖片，并將圖片的大小設(shè)置為覆蓋整個頁面，你可以將圖片路徑替換成你想要的任何圖片路徑。