第一种方法：
添加一个DIV，采用绝对定位，图片所属DIV为基准
<html> <head> </head> <body> <div style="position:relative;width:100px;height:100px;"> <img src="img/4.webp" alt="" /> <div style="position:absolute;width:100px;height:100px;z-indent:2;left:0;top:0;"> 文字 </div> </div> </body> </html>
效果图：
第二种方法：图片作为背景图片，然后在div中添加文字就会出现在图片上。
<html>
<head>
<style>
div{
width:400px;height:400px;
}
</style>
</head>
<body>
<div style="background:url(img/4.webp) no-repeat left top;">
文字 文字 文字
</div>
</body>
</html>效果图：
以上就是html中怎么使用css在图片上添加文字？的详细内容，更多请关注易知道|edz.cc其它相关文章！
