DW中編寫代碼的時候怎么將文字放到圖片上?DW中如果想讓背景圖片上帶一些文字,比較有意境,該怎么做呢?
很多前端開發(fā)者都在用Dreamweaver軟件,很多新手都不太了解,例如dreamweaver怎么在圖片上寫文字就是其中之一。本篇文章就來介紹一下dreamweaver怎么在圖片上寫文字。
1、這里用CS6版本演示,首先打開Dreamweaver并新建一個html頁面。
2、將頁面保存一下,準(zhǔn)備一張圖片。
3、在圖片上寫文字有很多種方法,本篇文章要演示的方法是把圖片作為背景插入,然后寫文字。
4、在代碼中定義一個div,要寫上寬度和高度,最好是與圖片寬高相等。然后將圖片作為div的背景插入。
5、之后可以在div中寫文字了,還可以寫一個span標(biāo)簽將文字包起來,這樣容易控制文字的大小、顏色、位置等屬性。
6、最后看一下效果,還是灰常不錯的~
【 微信掃一掃 】