dreamweaver中怎么將文字放到圖片上?
發(fā)布時間：2016-04-22 12:28:57 作者：佚名 
我要評論
我要評論dreamweaver中怎么將文字放到圖片上？dreamweaver中如果想讓背景圖片上帶一些文字，比較有意境，該怎么做呢？下面我們就來看看dw在圖片上寫文字的教程，需要的朋友可以參考下
很多前端開發(fā)者都在用Dreamweaver軟件，很多新手都不太了解，例如dreamweaver怎么在圖片上寫文字就是其中之一。下面小編就來演示一下dreamweaver怎么在圖片上寫文字。
1、小編這里用CS6版本演示，首先打開Dreamweaver并新建一個html頁面。
2、將頁面保存一下，準(zhǔn)備一張圖片。
3、在圖片上寫文字有很多種方法，小編要演示的方法是把圖片作為背景插入，然后寫文字。
4、在代碼中定義一個div，要寫上寬度和高度，最好是與圖片寬高相等。然后將圖片作為div的背景插入。
5、之后可以在div中寫文字了，還可以寫一個span標(biāo)簽將文字包起來，這樣容易控制文字的大小、顏色、位置等屬性。
6、最后看一下效果，還是灰常不錯的~
相關(guān)推薦：
Dreamweaver8怎么制作個人風(fēng)格的界面和欄?
Dreamweaver編輯網(wǎng)頁預(yù)覽的時候顯示亂碼該怎么辦?
怎么格式化html代碼? Dreamweaver格式化html代碼的技巧
相關(guān)文章
Dreamweaver CS6制作一個新聞網(wǎng)頁首頁的實例教程
Dreamweaver CS6制作網(wǎng)頁很方便，為了方便學(xué)習(xí)我們我們舉了一個實際的例子，使用Dreamweaver CS6做了一個簡單的網(wǎng)頁，非常簡單，適合新手學(xué)習(xí)，需要的朋友可以參考2016-04-20怎么格式化html代碼? Dreamweaver格式化html代碼的技巧
怎么格式化html代碼？Dreamweaver編輯網(wǎng)頁的時候，發(fā)現(xiàn)代碼格式很亂，看起來很費(fèi)勁，該怎么一鍵格式化呢？下面我們就來看看Dreamweaver格式化html代碼的技巧，需要的朋友可2016-03-31Dreamweaver怎么進(jìn)行批量文件搜索指定內(nèi)容?
Dreamweaver怎么進(jìn)行批量文件搜索指定內(nèi)容？Dreamweaver中的文件很多，想要查找文件很不容易，該怎么才能快速的進(jìn)行批量查找文件的？下面我們來看看Dreamweaver文本查找功2016-03-30Dreamweaver中怎么讓html網(wǎng)頁中的table邊框細(xì)線顯示?
Dreamweaver中怎么讓html網(wǎng)頁中的table邊框細(xì)線顯示？Dreamweaver中插入表格默認(rèn)是寬邊框的，看上去很難看，該怎么將邊框設(shè)置成細(xì)線呢？請看下文詳細(xì)介紹，需要的朋友可以2016-03-10Dreamweaver怎么添加文本?怎么設(shè)置文本?
文本行為，就是網(wǎng)頁中的文本有行為，用的最多的又狀態(tài)欄文本和文本域文本，尤其是文本域文本是最常用到的，那么Dreamweaver怎么添加文本?怎么設(shè)置文本？下面小編就為大家詳2016-03-07- 這篇教程主要是向腳本之家的朋友分享Dreamweaver瀏覽器測試方法，教程真的很不錯，很值得大家學(xué)習(xí)，推薦過來，一起來學(xué)習(xí)吧2016-03-06
Dreamweaver編輯網(wǎng)頁預(yù)覽的時候顯示亂碼該怎么辦?
Dreamweaver編輯網(wǎng)頁預(yù)覽的時候顯示亂碼該怎么辦？Dreamweaver做網(wǎng)站的時候，網(wǎng)頁出現(xiàn)了亂碼，無論是預(yù)覽還是發(fā)布出來都是亂碼，出現(xiàn)這個狀況我們需要在網(wǎng)頁編碼里面加上聲2016-03-03- Dreamweaver中CSS面板該怎么設(shè)置？Dreamweaver中新建的網(wǎng)頁需要使用CSS面板設(shè)置擺弄狂，字體，背景顏色等等各種參數(shù)，該怎么設(shè)置呢？下面我們就來看看CSS面板的使用方法2016-03-03
Dreamweaver怎么添加背景音樂?dw添加聲音文件的方法
Dreamweaver怎么添加背景音樂？想讓網(wǎng)頁打開就會有歌聲出現(xiàn)，該怎么設(shè)置呢？今天我們就來看看給網(wǎng)頁添加聲音文件的詳細(xì)方法，圖文教程，需要的朋友可以參考下2016-03-02Dreamweaver怎么給網(wǎng)頁添加Flash影片?
Dreamweaver怎么給網(wǎng)頁添加Flash影片？使用Dreamweaver做網(wǎng)頁的時候想給網(wǎng)頁添加一個flash視頻，今天我們就來教大家在Dreamweaver中添加flash視頻的教程，需要的朋友可以參2016-03-01