HTML怎么在图片上输入文字
时间: 2023-03-26 11:02:50 浏览: 124
您可以使用CSS的position属性将文字放置在图片上方,例如:
HTML代码:
```
<div class="image-with-text">
<img src="image.jpg" alt="图片">
<p>文字描述</p>
</div>
```
CSS代码:
```
.image-with-text {
position: relative;
}
.image-with-text p {
position: absolute;
top: ;
left: ;
color: white;
background-color: rgba(, , , .5);
padding: 10px;
}
```
这将在图片上方添加一个带有半透明背景的文字描述。您可以根据需要调整样式。
阅读全文