html -- 图片上添加文字

发布网友发布时间：2022-03-09 02:35

我来回答

共7个回答

热心网友时间：2022-03-09 04:05

可以。

以html为例，步骤：

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

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

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

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

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

热心网友时间：2022-03-09 05:23

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>

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

热心网友时间：2022-03-09 06:57

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

热心网友时间：2022-03-09 08:49

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

热心网友时间：2022-03-09 10:57

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

热心网友时间：2022-03-09 13:21

呵呵，不需要的你可以用DIV定位嘛、

热心网友时间：2022-03-09 16:03

插入→布局对象→AP Div

首页

文章

html -- 图片上添加文字