分享dreamweaver cs6在圖片上編輯文字的方法步驟 分享是一種快樂

相信很多朋友都遇到過以下問題,就是dreamweaver cs6在圖片上編輯文字的方法步驟 。針對這個問題,今天本站小編就搜集了網上的相關信息,給大家做個dreamweaver cs6在圖片上編輯文字的方法步驟的解答 。希望看完這個教程之后能夠解決大家dreamweaver cs6在圖片上編輯文字的方法步驟的相關問題 。
有時候使用dreamweaver cs6時,因實際需求要在圖片上編輯文字,怎么辦呢?下文就是dreamweaver cs6在圖片上編輯文字的方法步驟,一起看看去吧 。
dreamweaver cs6在圖片上編輯文字的方法步驟

分享dreamweaver cs6在圖片上編輯文字的方法步驟 分享是一種快樂


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

分享dreamweaver cs6在圖片上編輯文字的方法步驟 分享是一種快樂


然后我們將頁面保存一下,準備一張圖片 。

分享dreamweaver cs6在圖片上編輯文字的方法步驟 分享是一種快樂


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

分享dreamweaver cs6在圖片上編輯文字的方法步驟 分享是一種快樂


【分享dreamweaver cs6在圖片上編輯文字的方法步驟 分享是一種快樂】這時候我們在代碼中定義一個div,要寫上寬度和高度,最好是與圖片寬高相等 。然后將圖片作為div的背景插入 。

分享dreamweaver cs6在圖片上編輯文字的方法步驟 分享是一種快樂


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

分享dreamweaver cs6在圖片上編輯文字的方法步驟 分享是一種快樂


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

分享dreamweaver cs6在圖片上編輯文字的方法步驟 分享是一種快樂


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

    推薦閱讀