DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> dreamweaver中怎麼將文字放到圖片上?
dreamweaver中怎麼將文字放到圖片上?
編輯:Dreamweaver相關     

很多前端開發者都在用Dreamweaver軟件,很多新手都不太了解,例如dreamweaver怎麼在圖片上寫文字就是其中之一。下面小編就來演示一下dreamweaver怎麼在圖片上寫文字。

1、小編這裡用CS6版本演示,首先打開Dreamweaver並新建一個html頁面。

2、將頁面保存一下,准備一張圖片。

3、在圖片上寫文字有很多種方法,小編要演示的方法是把圖片作為背景插入,然後寫文字。

4、在代碼中定義一個div,要寫上寬度和高度,最好是與圖片寬高相等。然後將圖片作為div的背景插入

5、之後可以在div中寫文字了,還可以寫一個span標簽將文字包起來,這樣容易控制文字的大小、顏色、位置等屬性

6、最後看一下效果,還是灰常不錯的~

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved