很多前端開發(fā)者都在用Dreamweaver軟件,很多新手都不太了解,例如dreamweaver怎么在圖片上寫文字就是其中之一。下面小編就來演示一下dreamweaver怎么在圖片上寫文字。
1、小編這里用CS6版本演示,首先打開Dreamweaver并新建一個(gè)html頁面。

2、將頁面保存一下,準(zhǔn)備一張圖片。

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

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

5、之后可以在div中寫文字了,還可以寫一個(gè)span標(biāo)簽將文字包起來,這樣容易控制文字的大小、顏色、位置等屬性。

6、最后看一下效果,還是灰常不錯(cuò)的~

相關(guān)推薦:
Dreamweaver8怎么制作個(gè)人風(fēng)格的界面和欄?
Dreamweaver編輯網(wǎng)頁預(yù)覽的時(shí)候顯示亂碼該怎么辦?
怎么格式化html代碼? Dreamweaver格式化html代碼的技巧
新聞熱點(diǎn)
疑難解答