图片上添加文字的两种常用方式

时间:2021-04-16

  1.常用的方式是:将一张图片设置为背景,然后在里面加文字,你加入的图片代码是:

  代码如下:

  <img src="img.jpg" width='100px" height="50px">

  改为

  代码如下:

  <div style="background:url('img.jpg') no-repeat;width:100px;height:50px">添加文字</div>

  2.一种是:加<span>标签,设置css样式,你加入的代码是:

  代码如下:

  <div style="position: relative; width: 170px; height: 89px;">
  <img src="图片地址" width="170" height="89" >
  <span style="position: absolute; top: 0; left: 0;">添加文字...添加文字...添加文字...</span>
  </div>

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章