网页设计图片里面怎么包含文字(html中怎么让文字在图片的上面)
本文目录
- html中怎么让文字在图片的上面
- 网页设计中怎么在图片上添加文字
- 怎样才能在Dreamweaver 8网页设计的图片里加上文字呢万分感谢!!!
- 用div编写网页怎么在图片上面写字
- 如何使网页上的文字显示在某一幅图片上
html中怎么让文字在图片的上面
1、在div里面书写了一些文字,然后想要在放入一张图片。
2、首先,我们应该先给div设置宽度和高度,保证文字有一个范围。
3、然后通过background给div添加一张图片作为它的背景。
4、通过url()来连接图片,url里面放置的就是背景图片的路径。
5、放一张图片用作背景,注意,路径要写对。
6、保存之后文字就会覆盖在图片的上面了,而如果使用img标签,则没有这种效果。
网页设计中怎么在图片上添加文字
1、这个在PS中还是很好实现的啊;
2、如果实在不会PS,用美图秀秀也可以的啊;
3、当然,如果你问的是如何代码实现这个效果,那也有很多方法,常见的就是图片作为背景,然后框里写文字,或者插入图片,问题做定位就可以
怎样才能在Dreamweaver 8网页设计的图片里加上文字呢万分感谢!!!
一:可以新加一个层,将层移到图片上,然后在层上写字就可以了
你可以把图片设为背景,而在网页上打字。一般加层容易移位。
二:可以先在photoshop上处理一下,加上文字,挺简单的
三:这种情况你把图片当作背景插入就可以了,网页最好用表格做,这样便于排版和处理,图片就可以设为那个单元格的背景,很容易做的
用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》
如何使网页上的文字显示在某一幅图片上
分类: 电脑/网络 》》 互联网
问题描述:
是这样,我想使网页上的图片显示在一个位置,同时指定上面显示某些文字。
比如,某幅图片宽200高40,可以用表格指定在网页上的(300,200)位帆伍毁置,
同时,我想在这个图片上,也就是在网页的(300,200)位置开始显示几个字。我该怎么做呢?
目前有一个方法,就是直接用绘图软件橘搜在图片上写字。但是这样太繁琐,要耗费极大的工作量。如果可以用dreamweaver等软件所见即所得,就可以方便得多。
谢谢各位大大!!
解析:
现态备在《td》《img src=图片》《/td》
改成《td background="下方图片"》《img src=上方图片》《/td》如果是普通文字换将td标签中间的图片换成文字即可