當(dāng)前位置: 首頁 > 攻略教程 > 軟件教程 > dreamweaver cs6中在圖片上寫文字的操作教程

dreamweaver cs6中在圖片上寫文字的操作教程

時間:2024-07-23 10:18:32 編輯:易網(wǎng)VIP游戲門戶 閱讀:0

有那么一部份多朋友還不熟悉dreamweaver cs6中在圖片上寫文字操作,下面小編就講解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中在圖片上寫文字的詳細(xì)流程介紹,你們是不是都學(xué)會了呀!