dreamweaver cs6怎么給網(wǎng)頁添加float浮動效果?

今天我們就來看看使用dreamweaver cs6給網(wǎng)頁制作float浮動效果的教程,詳細(xì)如下文所述。
1、新建文件,創(chuàng)建一個盒子
效果如圖
2、在盒子里面再創(chuàng)建一個盒子,設(shè)置左浮動
效果如圖
3、盒子設(shè)置右浮動
效果如圖
4、如何讓盒子居中,這里就不用float了,用margin:0 auto;就可以
效果如圖
5、再創(chuàng)建一個盒子,讓兩個盒子并排顯示
效果如圖
好了以上就是dreamweaver cs6制作float浮動效果的教程,希望大家喜歡,請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
Dreamweaver怎么給網(wǎng)頁制作跳轉(zhuǎn)菜單?
Dreamweaver怎么給網(wǎng)站添加一個動態(tài)橫幅效果?
Dreamweaver CS6編輯瀏覽器列表無法添加瀏覽器怎么辦?
相關(guān)文章
- 很多的時候,我們看代碼時間長了就會覺得代碼很小,看起來很累,想將代碼字體設(shè)置大一點,該怎么設(shè)置呢,下面小編就為大家介紹dreamweaver如何改變代碼的字體大小方法,來看看2016-06-23
8款替代Dreamweaver的開源網(wǎng)頁開發(fā)工具
這篇文章主要為大家詳細(xì)介紹了8款替代Dreamweaver的開源網(wǎng)頁開發(fā)工具,感興趣的小伙伴們可以參考一下2016-06-23dreamweaver8調(diào)出新建、打開兩個命令的快捷工具欄
今天小編為大家分享dreamweaver8調(diào)出新建、打開兩個命令的快捷工具欄方法,教程很基礎(chǔ),適合新手來學(xué)習(xí),推薦過來,來看看吧2016-06-22dreamweaver中怎么交互圖像? dw制作鼠標(biāo)經(jīng)過圖像換圖的教程
dw中怎么交互圖像?dw中想制作一個網(wǎng)頁,當(dāng)鼠標(biāo)經(jīng)過圖像的時候,就自動換一個圖像,該怎么換呢?下面我們就來看看dw制作鼠標(biāo)經(jīng)過圖像換圖的教程,需要的朋友可以參考下2016-06-03Dreamweaver怎么在網(wǎng)頁中顯示一個圓角矩形?
Dreamweaver怎么在網(wǎng)頁中顯示一個圓角矩形?想繪制一個紅色的圓角矩形,該怎么使用Dreamweaver實現(xiàn)呢?今天我們就來看看使用dw在網(wǎng)頁中繪制紅色圓角矩形的教程,需要的朋友2016-06-02dreamweaver cs6怎么新建HTML5格式的頁面?
dreamweaver cs6怎么新建HTML5格式的頁面?dreamweaver新建頁面格式默認(rèn)是xhtml1.0,現(xiàn)在想新建html5的頁面該怎么辦呢?下面我們來看看詳細(xì)的教程,需要的朋友可以參考下2016-05-23Dreamweaver怎么批量修改網(wǎng)頁相同的內(nèi)容?
Dreamweaver怎么批量修改網(wǎng)頁相同的內(nèi)容?比如想修改旺旺的副標(biāo)題,有很多,而且是相同的,該怎么批量修改節(jié)省時間呢?下面我們就來看看Dreamweaver批量修改網(wǎng)頁相同的內(nèi)容2016-05-22- dreamweaver怎么做一個簡單的網(wǎng)站?想做一個簡單的網(wǎng)站,該怎么制作呢?今天我們就來卡看dreamweaver制作網(wǎng)站的一個步驟,感興趣的朋友可以進(jìn)來參考一下,需要的朋友可以參2016-05-16
Dreamweaver設(shè)置頁面屬性后采用HTML格式怎么辦?
Dreamweaver設(shè)置頁面屬性后采用HTML格式怎么辦?用Dreamweaver設(shè)計了網(wǎng)頁,設(shè)置頁面屬性以后,本來想用css格式的,現(xiàn)在變成了HTML格式,該怎么辦呢?下面我們來看看詳細(xì)的2016-04-27- dreamweaver中怎么將文字放到圖片上?dreamweaver中如果想讓背景圖片上帶一些文字,比較有意境,該怎么做呢?下面我們就來看看dw在圖片上寫文字的教程,需要的朋友可以參考2016-04-22