html+css在圖片上添加文字有兩種方法如下：

1.添加一個DIV，采用絕對定位，圖片所屬DIV為基準

<div style="position:relative;width:100px;height:100px;">
<img src="" alt="" />
<div style="position:absolute;width:100px;height:100px;z-indent:2;left:0;top:0;">
文字
</div>
</div>

第二種方法:圖片作為背景圖片

<div style="background:url(abc.jpg) no-repeat left top;">
wenzi
</div>

背景圖片現在有了，然后在上面寫上你需要寫的字就可以了。

第一種方法：
添加一個DIV，采用絕對定位，圖片所屬DIV為基準
<div style="position:relative;width:100px;height:100px;">
<img src="" alt="" />
<div style="position:absolute;width:100px;height:100px;z-indent:2;left:0;top:0;">
文字
</div>
</div>
第二種方法：圖片作為背景圖片
<div style="background:url(abc.jpg) no-repeat left top;">
wenzi
</div>