在網(wǎng)頁(yè)設(shè)計(jì)中，圖片里插入文字是一種常見(jiàn)需求，使用CSS（級(jí)聯(lián)樣式表）可以實(shí)現(xiàn)這一功能，并且有多種方法可以實(shí)現(xiàn)，以下是幾種常用的方法：

1、使用CSS的position屬性：

通過(guò)CSS的position屬性，我們可以將文字***地定位在圖片上的某個(gè)位置，我們可以將文字定位在圖片的左上角、右上角、左下角或右下角。

```css

.image-container {

position: relative;

}

.image-container img {

width: 100px;

height: 100px;

}

.image-container p {

position: absolute;

top: 10px;

left: 10px;

}

```

在這個(gè)例子中，文字會(huì)被定位在圖片的左上角，你可以根據(jù)需要調(diào)整top和left的值來(lái)移動(dòng)文字的位置。

2、使用CSS的text-align屬性：

如果你想要將文字水平居中顯示在圖片上，可以使用text-align屬性。

```css

.image-container {

text-align: center;

}

.image-container img {

width: 100px;

height: 100px;

}

```

在這個(gè)例子中，文字會(huì)被水平居中顯示在圖片上。

3、使用CSS的vertical-align屬性：

如果你想要將文字垂直居中顯示在圖片上，可以使用vertical-align屬性。

```css

.image-container {

vertical-align: middle;

}

.image-container img {

width: 100px;

height: 100px;

}

```

在這個(gè)例子中，文字會(huì)被垂直居中顯示在圖片上。

4、使用CSS的transform屬性：

通過(guò)CSS的transform屬性，你可以將文字旋轉(zhuǎn)、縮放或傾斜，以創(chuàng)建更有趣的效果，你可以將文字旋轉(zhuǎn)45度角顯示在圖片上。

```css

.image-container {

transform: rotate(45deg);

}

.image-container img {

width: 100px;

height: 100px;

}

```

在這個(gè)例子中，文字會(huì)被旋轉(zhuǎn)45度角顯示在圖片上，你可以根據(jù)需要調(diào)整角度。