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