在網(wǎng)頁設(shè)計(jì)中，我們經(jīng)常需要用到在圖片上添加文字的功能，下面就來介紹一下怎么用CSS來實(shí)現(xiàn)這一功能。

一、CSS實(shí)現(xiàn)圖片上添加文字的方法

1. 使用CSS的`position`屬性將文字定位在圖片上，通過`top`、`right`、`bottom`、`left`屬性來調(diào)整文字的位置。

2. 使用CSS的`font-size`屬性來調(diào)整文字的大小，`color`屬性來調(diào)整文字的顏色。

3. 使用CSS的`text-align`屬性來調(diào)整文字的對齊方式，如左對齊、右對齊或居中對齊。

4. 如果需要添加多行文字，可以使用CSS的`line-height`屬性來調(diào)整行高，以及`padding`屬性來調(diào)整文字與圖片邊緣的距離。

二、示例代碼

下面是一個示例代碼，展示如何在圖片上添加文字：

```html

這是一段添加在圖片上的文字

```

在這個示例中，我們創(chuàng)建了一個名為`.image-with-text`的類，用于包含圖片和文字，圖片通過`img`標(biāo)簽引入，并設(shè)置寬度為100%，高度為100%，以適應(yīng)其容器的大小，文字通過`p`標(biāo)簽添加，并設(shè)置位置、字體大小、顏色和文本對齊方式。