网页图片加文字_html+css怎么在图片上添加文字

1. 怎么样在制作网页图片上加任意文字及超连接

要想在图片上插入文字
需要把图片做为背景使用
或者使用层绝对定位不过比较麻烦
建议用做背景
做链接的方法<a
href="链接地址">链接名称</a>其中有个参数就是链接的打开方式，默认是当前页面，就是点击之后直接在当前页面打开
还有就是弹出一个新页面等，另外还有父页面，框架页面等，在里面加上target="_blank"
这个就是新窗口打开，_self
是当前页面打开等，我的博客
http://www.ly599.com，
http://www.0539cn.com，有什么不明白的可以问我。。

2. html+css怎么在图片上添加文字

要在图片上显示文字，还要在放大缩小的时候文字不到处乱跑，这个就要用盒模型里面的大盒子套小盒子的方法了。下面举个小例子给你看看。

html大致样子：

<body>

</div>

<div id="wenzi">这里是文字</div>

</div>

</body>

css文件：

#box1{

position:relative;

width:500px;

height:500px;

margin:0 auto;

}

#box2{

position:relative;

width:100%;

height:100%;

}

img{

position:relative;

clear:both;

width:100%;

height:100%;

}

#wenzi{

position:relative;

clear:both;

width:100%;

top:-50%;

text-align:center;

color:black;

font-size:2em;

}

效果图片：

用这种方法有个好处，就是做响应布局的时候，或者用户在浏览器上放大缩小的时候，网页整体也跟着放大缩小，不会元素到处乱跑或者某个文字跑出来，这样看起来整体感要强烈一点。

这种做法的不足之处：div盒子有点多，html代码看起来比较臃肿，大盒子套着小盒子。做大页面的时候一个htm看起来眼花缭乱的。但只要做好了注释，还是分得清楚的啦，主要是这样弄看起来页面整齐一点。

3. html -- 图片上添加文字

可以。

以html为例，步骤：

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

4. 网页制作怎么在图片上插入文字

楼主！！
两个方法·
第一：在PS里面做好了之后就弄到网页中去··
第二：用DIV做，先把背景图片链接进去后·
在层里面添加·文字！！！！
···O(∩_∩)O···

5. 有什么方法可以在图片上添加文字

许多的小伙伴在给朋友发送图片的时候，朋友可能会看不懂你发的图片是什么意思，问你的的时候，你又要给朋友解释。这个时候就会有些麻烦，为了避免这个情况的发生，我们可以在图片上面添加一些注解的文字，能够让他人更好的看懂这些图片。
首先把需要编辑的图片保存到电脑上，然后直接输入网址打开图片编辑器。或者在网络搜索迅捷在线图片编辑器打开网站也可以。
进入图片编辑器后点击左上角的文件按钮，选择需要编辑的图片添加进网页当中。
文件打开之后，在网站的左侧的工具栏选项选项中选择文字工具。文字工具可以在图片上添加文字。网页上方可以调整文字的样式颜色与大小。
文字输入完成之后再点击网站左上角的文件按钮，选择需要导出的图片文件格式，选择之后点击保存按钮。
最后选择文件的保存位置，右上角选择好文件的保存格式后，把文件保存到电脑上就可以了。网站还有其他多种功能，包括修补图片裁剪图片。更多功能需要小伙伴们自己发掘。

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

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

1、创建一个新的html文件

7. 在网页中，怎么给图片添加文字

把图片定义为背景或者写入CSS样式表中，然后就可以在上面布局文字了。

8. 网页设计中怎么在图片上添加文字

1、这个在PS中还是很好实现的啊；
2、如果实在不会PS，用美图秀秀也可以的啊；
3、当然，如果你问的是如何代码实现这个效果，那也有很多方法，常见的就是图片作为背景，然后框里写文字，或者插入图片，问题做定位就可以

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

可以用PHOTOSHOP来实现
如果你用的是DREAMWEAVER8的话最好用FIREWORK好一些。
先打开图片，然后在点击工具栏的
A
按钮就可以在图片上添加你想要的文字了
不会连这种操作都看不懂吧~！

10. 网页如何在图片旁插入文字

如果是用table做，简单，分两个表格就可以。
如果是一个TD里面或者是DIV，又或者是li里面，可以写样式，浮动。

float:left 左浮动，图片在左，文字在右。
float:right 右浮动，图片在右，文字在左。

导航:首页 > 文字图片 > 网页图片加文字

网页图片加文字

与网页图片加文字相关的资料