很多前端開發者都在用Dreamweaver軟件,很多新手都不太了解,例如dreamweaver怎麼在圖片上寫文字就是其中之一。下面小編就來演示一下dreamweaver怎麼在圖片上寫文字。
1、小編這裡用CS6版本演示,首先打開Dreamweaver並新建一個html頁面。
2、將頁面保存一下,准備一張圖片。
3、在圖片上寫文字有很多種方法,小編要演示的方法是把圖片作為背景插入,然後寫文字。
4、在代碼中定義一個div,要寫上寬度和高度,最好是與圖片寬高相等。然後將圖片作為div的背景插入。
5、之後可以在div中寫文字了,還可以寫一個span標簽將文字包起來,這樣容易控制文字的大小、顏色、位置等屬性。
6、最後看一下效果,還是灰常不錯的~