网页设计在图片上插入文字_怎样在网页设计中在图片上添加文字

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

把图片设为背景即可，以下是修改后的代码<html>
<head>
<title>框架</title>
<style>
.father{
width:500px;
height:250px;
border:1px
solid
#f76f01;
background-color:#ffffff;
}.son1{
float:left;
font:12px;
height:
}
</style>
</head>
<body>
<div
class="father"><div
class="son1"
style="background-image:url(image/1.jpg);width:100%;height:50px">把此文字放在上面的粗条上</div>
</div>
</body>
</html>

2、请教网页制作时，使用dreamweaver,如何在图片上添加文字？

把图片设为背景就可以了
网页最好用表格做，这样便于排版和处理
图片就可以设为那个单元格的背景，很容易做的

3、怎样在网页设计中，在图片上添加文字

4、网页设计与制作中，如何在表格中插入的图片上添加文字和图像？

1、在第一个空格内打横排所代表的字，比如所日期，点击靠右图标，排回列靠右。

2、在第二行下面答空格内打竖排所代表的字，比如姓名，点击靠左图标，排列靠左。

3、点击“视图”----“工具栏”--“绘图”，这样绘图工具就出现在EXCEL表格下方，点击下面“自选图形”中第一个斜线。

4、在需要分割的地方划线，就ok了。

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

第一种、将背景图写在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;就是可以将文字锁定在你图片的上方

6、网页设计 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>

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

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

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

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

9、网页设计与制作中怎么向表格中插入的图片上添加文字和图像

这位朋友这个很简单;方法如下：
在<body></body>添加以下代码，
<table>
<tr>
<td><img src="../img/00_05.jpg" /></td>
</tr>
</table>
<div>我爱你</div>
在<head></head>里添加：
<style type="text/css">
table{border-style:outset;}
div{ position:absolute; top:100px; left:100px;}
img{ width:200px; height:200px;}
</style>

原理就是把文字设置在一个DIV层中用绝对定位使这个层显示在图片的某个位置即可。（图片路径自己填写即可），希望采纳。

10、网页设计时如何将图片和文字位于同一水平？

网页设计时将图片和文字位于同一水平方法：

一、不要给文字标签加属性。给img{vertical-align: middle;}一个属性即可。

二、img标签向左浮动，给文字加一个标签（例如span），然后设置文字标签为块状，并设置上(内/外)边距。span{ display:inline-block; margin-top:4px; margin-top：4px;} 内边距，外边据均可，最好是内边距。

三、给文字加个标签（例如span），同时控制这两个标签浮动。并给文字加行高，其值为图片高度值。

导航:首页 > 万维百科 > 网页设计在图片上插入文字

网页设计在图片上插入文字

与网页设计在图片上插入文字相关的知识