网页设计在图片里写字_网页设计html怎么在div图片里插入文字

1、网页设计 html 怎么在div图片里插入文字

第一种方法：
添加一个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>

2、网页制作怎么在图片上插入文字

1:你可以把图片设置为背景图片
background后面加上图片的url
在采用div层.
2:用ps也可以做
这是ps下载的网址
http://www.flash800.cn/

3、网页设计如何在背景图片上编辑文字

第一种、将背景图写在css中
<style>
.class{background: url("图片路径") no-repeat;}
</style>
接着就直接在html中写文字内容。
第二种、写在html中
<div class="screen">
<div class="img"><img src="images/logo.png" alt=""></div>
<div class="intro intro--shown"><p>你的文字内容</p></div>
</div>

css样式,
.screen {
position: relative;
width: 1280px;
height: 720px;
overflow: hidden;
}
接着就是包裹的两个div,图片和文字
.img {
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 7px;
position: absolute;
}
.intro {
position: absolute;
width: 100%;
bottom: -5px;
z-index: 20;
}
z-index: 20;就是可以将文字锁定在你图片的上方

4、网页设计中如何让把文字放在图片上显示

方法有很多
给你介绍一个最简单的
<div
style="width:200px;
height:200px;
background-image:url(MDgxOTE3LXRoNXh4Nw==.jpg)">
div设置背景图片
</div>
其次还可以通过div的定位来做
还有就是通过水印来做
总之更具不同的需求用不同的方法
灵活多变

5、制作网页时怎么在图片上面写普通的字呀？

你可以用表格实现啊。建个表格然后每个单元格可以设置不同的背景，然后就可以在每个单元格里写字了。
这个最简单，还有就是用层（css）较难点，可以用dreamweaver做比较简单。

6、用div编写网页怎么在图片上面写字

我给你举三个CSS的例子

一、图片
1、你可以用background来实现，也就是添加为层的背景。
.middle{background:url(../images/head-bg.gif);}
2、也可在层里直接添加图片进去，
<div class="middle"><img src="images/middle.gif" width="173" height="198" /><p></p></div>

二、文字
文字就简单了，直接添加在<p></p>里面就行了，设置下<p>的css样式

三、链接
链接你可以链接图片或者文字

1、链接图片
<a href="#"><img src="images/middle.gif" width="173" height="198" border="0" /></a>

2、链接文字
<p><a href="#">链接文字</a>其他文字</p>

7、在网页制作中如何在图片上打字

在图片上新建层，在层内编辑文字，不过层要用CSS定位好

也可以用作图软件直接把文字做在图片上

8、网页制作中插入图片的代码是什么

1、在代码中经常用到的插入图片代码是img属性，格式就是<img src="" alt=""> src后面是添加图片的地址，后面的alt是对图片的描述。