Dreamweaver基礎(chǔ)教程之主體的細(xì)分技巧
我要評論現(xiàn)如今，網(wǎng)頁制作以及建站成了人人需要掌握的技能，小編也從各方面得到需求說，以前有過PS的入門教程，現(xiàn)在能不能做一個DW的入門教程。那么從今天開始，小編將用一些時間，為大家?guī)鞤W的入門教程。只要能堅持，你也能成為大神。
1、當(dāng)然，如果我們要細(xì)分body，首先就要從body-l開始細(xì)分。
2、分別輸入代碼：
<div class="body1"></div>
<div class="body2"></div>
3、然后我們輸入文字，將要對div進(jìn)行定義。定義當(dāng)然在main文件中進(jìn)行。
4、接下來就是定義寬以及高這些基本的東西了，我們之前基本都說過。直接上代碼：
.body1{font-size:12px;color:#FFF;width:220px;height:240px;background-color:#666}
5、看看效果，如果我們需要兩個div分開放置，應(yīng)該怎么樣進(jìn)行編輯呢？其實比較簡單，只需要一行代碼：
margin-top：10 px
6、輸入代碼后，我們會看到，兩個div開始分隔開來。右側(cè)當(dāng)然也是同樣的操作方法。
7、我們開始命名body2
8、然后在main中定義它的樣式屬性。定義語句如下：
.body2{font-size:12px;color:#FFF;width:354px;height:240px;background-color:#666;margin-top:10px;float:left;margin-left:10px;}
9、看下效果吧。
相關(guān)推薦：
Dreamweaver制作網(wǎng)頁的時候怎么定義主體div?
dreamweaver中怎么交互圖像? dw制作鼠標(biāo)經(jīng)過圖像換圖的教程
相關(guān)文章
怎么使用Dreamweaver給網(wǎng)站圖片添加alt標(biāo)簽?
怎么使用Dreamweaver給網(wǎng)站圖片添加alt標(biāo)簽？需要給圖片添加標(biāo)簽，該怎么辦呢？今天我們就來看看Dreamweaver中給圖片添加alt標(biāo)簽的詳細(xì)教程，需要的朋友可以參考下2016-08-29- Dreamweaver怎么顯示地步的屬性欄？Dreamweaver編輯網(wǎng)頁的時候，經(jīng)常會在底部的工具欄中進(jìn)行一些操作，下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2016-08-28
Dreamweaver網(wǎng)頁版權(quán)符號怎么制作?
Dreamweaver網(wǎng)頁版權(quán)符號怎么制作？我們看到很多我那個站都會帶有版權(quán)富豪，自己使用Dreamweaver設(shè)置網(wǎng)站的時候，該怎么添加網(wǎng)頁版權(quán)符號呢？下面我們就來看看詳細(xì)的教程，2016-08-28Dreamweaver制作網(wǎng)頁的時候怎么定義主體div?
Dreamweaver制作網(wǎng)頁的時候怎么定義主體div？使用Dreamweaver制作網(wǎng)頁的時候，必然會使用div，今天我們就來看看一些基礎(chǔ)教程，需要的朋友可以參考下2016-08-17Dreamweaver中vm文件怎么設(shè)置高亮顯示?
Dreamweaver中vm文件怎么設(shè)置高亮顯示？Dreamweaver中有很多vm的擴展文件，該怎么將這些文件設(shè)置成高亮呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2016-08-11Dreamweaver建立的站點怎么更改圖像的默認(rèn)文件夾位置?
Dreamweaver建立的站點怎么更改圖像的默認(rèn)文件夾位置？Dreamweaver中為了讓素材更好管理，各種素材都會建立文件夾，下面我們就來看看更改站點圖形默認(rèn)文件夾的教程，需要的2016-08-10- 這篇教程主要是向腳本之家的朋友分享Dreamweaver在網(wǎng)頁中怎么添加圖片方法，教程比較基礎(chǔ)，適合新手來學(xué)習(xí)，推薦過來，一起來學(xué)習(xí)吧2016-08-09
Dreamweaver怎么給網(wǎng)頁添加樣式表的關(guān)聯(lián)?
Dreamweaver怎么給網(wǎng)頁添加樣式表的關(guān)聯(lián)？想給網(wǎng)頁添加樣式表約束的鏈接，該怎么添加呢？下面我們就來看看詳細(xì)的設(shè)置教程，,需要的朋友可以參考下2016-08-08- Dreamweaver怎么新建網(wǎng)頁并保存？Dreamweaver制作網(wǎng)頁很容易，今天我們就來看看基礎(chǔ)教程，使用Dreamweaver建立網(wǎng)頁并保存，很簡單，需要的朋友可以參考下2016-08-01
Dreamweaver光標(biāo)的落位總是不準(zhǔn)怎么辦?
Dreamweaver光標(biāo)的落位總是不準(zhǔn)怎么辦？Dreamweaver中制作網(wǎng)頁的時候，發(fā)現(xiàn)鼠標(biāo)的落位總是不對，該怎么辦呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2016-07-28