css怎么使图片在字上方 |html hr css

img {
position: relative;
z-index: 2;
margin-bottom: -20px;
}
p {
position: relative;
z-index: 1;
}

以上代码中，“margin-bottom: -20px;”是设置图片与文字之间的距离，可以根据具体情况进行调整。

接下来，大家给一个例子，示例代码如下：

<div>
<p>这是一个段落，其中有一张图片放在段落文字上方。</p>
<img src="example.jpg" alt="示例图片">
</div>

以上代码中，“<div>”是一个包含段落和图片的块级元素，也可以使用其他HTML标签，根据具体需求进行选择。