有时候使用dreamweaver cs6时 ， 因实际需求要在图片上编辑文字 ， 怎么办呢？下文就是dreamweaver cs6在图片上编辑文字的方法步骤 ， 一起看看去吧 。
dreamweaver cs6在图片上编辑文字的方法步骤
文章插图
首先打开Dreamweaver并新建一个html页面 。
文章插图
然后我们将页面保存一下 ， 准备一张图片 。
文章插图
接着我们在图片上写文字有很多种方法 ， 小编要演示的方法是把图片作为背景插入 ， 然后写文字 。
文章插图
这时候我们在代码中定义一个div ， 要写上宽度和高度 ， 最好是与图片宽高相等 。然后将图片作为div的背景插入 。
文章插图
然后可以在div中写文字了 ， 还可以写一个span标签将文字包起来 ， 这样容易控制文字的大小、颜色、位置等属性 。
文章插图
最后看一下效果 ， 还是灰常不错的~
文章插图
【dreamweaver cs6在图片上编辑文字的方法步骤】上文为你们所描述的dreamweaver cs6在图片上编辑文字的方法步骤 ， 你们是不是都学会了呀!
推荐阅读
- 2022春节返程回武汉会被管控隔离吗
- 粽子是什么意思 粽子有什么寓意
- dreamweaver cs6页面背景图片的设置方法
- dreamweaver cs6添加文本区域的操作过程
- dreamweaver cs6中插入注释的具体操作方法
- 怎么通过图片识别动漫 怎么搜图片
- 红旗hs5定速巡航怎么用视频 定速巡航怎么用
- 2020年10月1日适宜入宅吗 入宅开火吉日2020年10月
- 鼻孔大怎么缩小自然方法 怎么样消除黑眼圈