码迷,mamicode.com
首页 > 其他好文 > 详细

图片上添加文字--<div>

时间:2016-03-01 08:36:55      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:

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>

图片上添加文字--<div>

标签:

原文地址:http://www.cnblogs.com/shouce/p/5229607.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!