在CSS中，可以使用多種方法將圖片放在文字的上面，以下是一些常用的方法：

1、使用相對(duì)定位（Relative Positioning）：

你可以將圖片設(shè)置為相對(duì)定位，然后調(diào)整其位置使其位于文字的上方。

```css

img {

position: relative;

top: -10px;

}

```

2、使用***定位（Absolute Positioning）：

將圖片設(shè)置為***定位，可以使其脫離文檔流，并放置在指定位置。

```css

img {

position: absolute;

top: 0;

}

```

3、使用浮動(dòng)（Floats）：

通過浮動(dòng)，可以將圖片放在文字的左側(cè)或右側(cè)，并使其浮動(dòng)到頂部。

```css

img {

float: left;

margin-top: -10px;

}

```

4、使用Flexbox布局：

Flexbox布局允許你輕松控制元素的位置和大小。

```css

.container {

display: flex;

flex-direction: column;

align-items: flex-start;

}

img {

order: -1; /* 放置在文字之前 */

}

```

5、使用Grid布局：

Grid布局提供了一種更靈活的布局方式，可以輕松地控制圖片和文字的位置關(guān)系。

```css

.container {

display: grid;

grid-template-columns: auto 1fr; /* 圖片和文字各占一列 */

}

img {

grid-column: 1; /* 圖片放在***列 */

}

```

這些方法可以根據(jù)你的具體需求和布局進(jìn)行調(diào)整，選擇哪種方法取決于你的具體場(chǎng)景和所需的布局效果，希望這些方法能幫助你在CSS中輕松實(shí)現(xiàn)圖片在文字上面的效果！