dreamweaver中怎么将文字放到图片上?

  发布时间:2016-04-22 12:28:57   作者:佚名   我要评论

dreamweaver中怎么将文字放到图片上?dreamweaver中如果想让背景图片上带一些文字,比较有意境,该怎么做呢?下面我们就来看看dw在图片上写文字的教程,需要的朋友可以参考下

很多前端开发者都在用Dreamweaver软件,很多新手都不太了解,例如dreamweaver怎么在图片上写文字就是其中之一。下面小编就来演示一下dreamweaver怎么在图片上写文字。

1、小编这里用CS6版本演示,首先打开Dreamweaver并新建一个html页面。

2、将页面保存一下,准备一张图片。

3、在图片上写文字有很多种方法,小编要演示的方法是把图片作为背景插入,然后写文字。

4、在代码中定义一个div,要写上宽度和高度,最好是与图片宽高相等。然后将图片作为div的背景插入

5、之后可以在div中写文字了,还可以写一个span标签将文字包起来,这样容易控制文字的大小、颜色、位置等属性

6、最后看一下效果,还是灰常不错的~

相关推荐:

Dreamweaver8怎么制作个人风格的界面和栏?

Dreamweaver编辑网页预览的时候显示乱码该怎么办?

怎么格式化html代码? Dreamweaver格式化html代码的技巧

相关文章

  • Dreamweaver CS6制作一个新闻网页首页的实例教程

    Dreamweaver CS6制作网页很方便,为了方便学习我们我们举了一个实际的例子,使用Dreamweaver CS6做了一个简单的网页,非常简单,适合新手学习,需要的朋友可以参考
    2016-04-20
  • 怎么格式化html代码? Dreamweaver格式化html代码的技巧

    怎么格式化html代码?Dreamweaver编辑网页的时候,发现代码格式很乱,看起来很费劲,该怎么一键格式化呢?下面我们就来看看Dreamweaver格式化html代码的技巧,需要的朋友可
    2016-03-31
  • Dreamweaver怎么进行批量文件搜索指定内容?

    Dreamweaver怎么进行批量文件搜索指定内容?Dreamweaver中的文件很多,想要查找文件很不容易,该怎么才能快速的进行批量查找文件的?下面我们来看看Dreamweaver文本查找功
    2016-03-30
  • Dreamweaver中怎么让html网页中的table边框细线显示?

    Dreamweaver中怎么让html网页中的table边框细线显示?Dreamweaver中插入表格默认是宽边框的,看上去很难看,该怎么将边框设置成细线呢?请看下文详细介绍,需要的朋友可以
    2016-03-10
  • Dreamweaver怎么添加文本?怎么设置文本?

    文本行为,就是网页中的文本有行为,用的最多的又状态栏文本和文本域文本,尤其是文本域文本是最常用到的,那么Dreamweaver怎么添加文本?怎么设置文本?下面小编就为大家详
    2016-03-07
  • Dreamweaver浏览器测试图文教程

    这篇教程主要是向脚本之家的朋友分享Dreamweaver浏览器测试方法,教程真的很不错,很值得大家学习,推荐过来,一起来学习吧
    2016-03-06
  • Dreamweaver编辑网页预览的时候显示乱码该怎么办?

    Dreamweaver编辑网页预览的时候显示乱码该怎么办?Dreamweaver做网站的时候,网页出现了乱码,无论是预览还是发布出来都是乱码,出现这个状况我们需要在网页编码里面加上声
    2016-03-03
  • Dreamweaver中CSS面板该怎么设置?

    Dreamweaver中CSS面板该怎么设置?Dreamweaver中新建的网页需要使用CSS面板设置摆弄狂,字体,背景颜色等等各种参数,该怎么设置呢?下面我们就来看看CSS面板的使用方法
    2016-03-03
  • Dreamweaver怎么添加背景音乐?dw添加声音文件的方法

    Dreamweaver怎么添加背景音乐?想让网页打开就会有歌声出现,该怎么设置呢?今天我们就来看看给网页添加声音文件的详细方法,图文教程,需要的朋友可以参考下
    2016-03-02
  • Dreamweaver怎么给网页添加Flash影片?

    Dreamweaver怎么给网页添加Flash影片?使用Dreamweaver做网页的时候想给网页添加一个flash视频,今天我们就来教大家在Dreamweaver中添加flash视频的教程,需要的朋友可以参
    2016-03-01

最新评论