html+css怎么在图片上添加文字

html-css011

html+css怎么在图片上添加文字,第1张

html+css在图片上添加文字有两种方法如下:

1.添加一个DIV,采用绝对定位,图片所属DIV为基准

<div style="position:relativewidth:100pxheight:100px">

<img src="" alt="" />

<div style="position:absolutewidth:100pxheight:100pxz-indent:2left:0top:0">

文字

</div>

</div>

第二种方法:图片作为背景图片

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

wenzi

</div>

背景图片现在有了,然后在上面写上你需要写的字就可以了。

<img src= height= width= alt=图片说明 title=图片说明</img

鼠标悬停在图片上的时候会有提示。

如果你要在图片上加文字的话,有两个方案,

一个是把图片设为某单元格的背景图片,然后单元格里加上文字就好了;

另一个是创建一个<div层,使用style=position:absolutelytop:pxleft:px绝对定位到图片所在位置,然后在层里添加文字即可。