Question

DW编辑HTML时,怎么在图片上加字

Answer 1

编写html代码时，在图片上加文字实质就是通过css样式设置文字的背景是图片。

1、创建一个新的html文件

2、在body标签里创建一个div，在div的p标记里面写入文字

3、在head标签里编写css样式，让图片作为文字的背景，并且设置图片不重复。

4、这样编辑html时，在图片上添加文字的问题就解决了。

Answer 2

HTML在图片上加文字，有两种方法可以实现：
1、把图片设为背景图片。
这样所有添加的文字和其他元素，都会在图片上面显示。比如：
<div class="box" style="background:url(背景图.jpg); width:300px;height:300px;">这里是文字</div>
2、通过设置CSS position 属性来固定层的位置：
比如：
<style>
.box{width:300px;height:300px;position:relative;}
.box img{width:300px;height:300px;}
.box span{position:absolute;left:0;top:0;width:300px;height:300px;}/*备注：固定文字层在图片上面*/
</style>
<div class="box"><span>这里是文字</span><img src="图片.jpg"></div>

Answer 3

思路：两种方法。1. 把图片设置成背景，然后直接写文字即可。

2.第二，写两个div，然后在CSS样式中写入：position:relative;需要用top,right和bottom,left来定位（随父级定位）

第二种代码：

<div class="picture">
<div class="text"></div>
</div>
在picture中插入图片，然后在text中 设置样式即可。

Answer 4

这个很简单，在表格里，把图片设为背景就行，通常我们会把图片插入，不要那样弄。

Answer 5

把图片设置成div的背景图，再在div里写字