html -- 图片上添加文字

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

可以。

以html为例,步骤:

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

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

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

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


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


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>

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


可以将这张图片设置为背景,然后在喊早里面加文字,你加入的图片代码是:<img src="img.gif" width='100px" height="御纳50px">你改成<div style="background:url('img.gif') no-repeat;width:100px;height:50px">这样就可以镇渗没图片上加文字了</div>
我也不是很会,给你个提示,自己找找看,DIVCSS风格样式表单,有层就好办了,能实现静态清慧的,JS脚答塌答本能实衫铅现动态的
你用css做背景用绝对定位就可以做