當(dāng)前位置: 首頁 > 攻略教程 > 軟件教程 > dreamweaver cs6在圖片上編輯文字的方法步驟

dreamweaver cs6在圖片上編輯文字的方法步驟

時間:2024-07-24 17:28:20 編輯:易網(wǎng)VIP游戲門戶 閱讀:0

有時候使用dreamweaver cs6時,因?qū)嶋H需求要在圖片上編輯文字,怎么辦呢?下文就是dreamweaver cs6在圖片上編輯文字的方法步驟,一起看看去吧。

dreamweaver cs6在圖片上編輯文字的方法步驟

dreamweaver cs6在圖片上編輯文字的方法步驟

首先打開Dreamweaver并新建一個html頁面。

dreamweaver cs6在圖片上編輯文字的方法步驟截圖

然后我們將頁面保存一下,準(zhǔn)備一張圖片。

dreamweaver cs6在圖片上編輯文字的方法步驟截圖

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

dreamweaver cs6在圖片上編輯文字的方法步驟截圖

這時候我們在代碼中定義一個div,要寫上寬度和高度,最好是與圖片寬高相等。然后將圖片作為div的背景插入。

dreamweaver cs6在圖片上編輯文字的方法步驟截圖

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

dreamweaver cs6在圖片上編輯文字的方法步驟截圖

最后看一下效果,還是灰常不錯的~

dreamweaver cs6在圖片上編輯文字的方法步驟截圖

上文為你們所描述的dreamweaver cs6在圖片上編輯文字的方法步驟,你們是不是都學(xué)會了呀!