首页 > 软件教程 > 使用教程 > 如何用DW在图片上添加文字

如何用DW在图片上添加文字

作者:佚名 来源:pc768软件站 2019-10-23 16:16:41

DW,是专业级制作网页和应用程序的利器,集网页制作和管理网站于一身,使开发和设计人员能够快速创建网站和应用程序。今天小编就介绍点DW的相关教程:如何在图片上添加文字。

 
首先打开Dreamweaver并新建一个html页面。
 
11.png
 
然后我们将页面保存一下,准备一张图片。
 
12.png
 
接着我们在图片上写文字有很多种方法,小编要演示的方法是把图片作为背景插入,然后写文字。
 
13.png
 
这时候我们在代码中定义一个div,要写上宽度和高度,最好是与图片宽高相等。然后将图片作为div的背景插入。
 
14.png
 
然后可以在div中写文字了,还可以写一个span标签将文字包起来,这样容易控制文字的大小、颜色、位置等属性。
 
15.png
 
最后看一下效果,还是灰常不错的~
 
16.png
 
看完上文为你们所描述的如何用DW在图片上添加文字,你们是不是都学会了呀!
网友评论
返回顶部