Question

html -- 图片上添加文字

现在做一个网页,插入了一张图片,插入图片后,想在该图片上添加一些静态文字,HTML语言能完成么,还是必须得用PS编辑,除了这两种方法还有其他的方法么,求高手指教!谢谢!

Answer 1

可以。

以html为例，步骤：

一、在body中建立文字信息以及图片内容，也就是在header中包含两个同级，图片和文字。

二、在CSS中对文字图片进行简单样式添加，效果如图所示；大盒子使用描边显示，里面包含了图片和下面的文字。

三、想要将文字弄到画面上去，这时候需要对header添加相对定位，对文字标签p添加绝对定位。

四、对文字添加了绝对定位后，如图效果，然后就需要对其设置下位置关系了。

五、位置关系通常就是top  bottom left right 上下左右四个方向了，最后完成了。

Answer 2

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>

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

Answer 3

可以将这张图片设置为背景，然后在里面加文字，你加入的图片代码是：<img src="img.gif" width='100px" height="50px">你改成<div style="background:url('img.gif') no-repeat;width:100px;height:50px">这样就可以图片上加文字了</div>

Answer 4

我也不是很会，给你个提示，自己找找看，DIVCSS风格样式表单，有层就好办了，能实现静态的，JS脚本能实现动态的

Answer 5

你用css做背景用绝对定位就可以做