DreamWeaver制作的的網頁都可以分為各個不同功能的板塊，將這些板塊結合起來就是一個完成的網頁。該怎么使用塊狀標簽呢？下面我們就來看看詳細的教程。

1、打開DreamWeaver，新建html文件并保存。

2、在body中輸入div標簽，div為雙標簽

3、輸入三組div標簽，如圖所示

4、在head中輸入樣式標簽<style></style>,在樣式標簽中做div的修飾

5、在style標簽中輸入div{}大括號內為對div的修飾，需要div什么樣的效果，就寫出什么的代碼修飾

6、在樣式中輸入寬、高、背景，寬為:width;高：height;   背景為：background-color;如下圖所示

7、當輸入框架的寬高及背景顏色后，打開瀏覽器預覽，就會看到三個方形。如圖。

8、上圖中國三個圖形連接在了一起，為了分清三個圖形的邊框，可以設置外邊距margin，比如外邊距為10px。

9、打開預覽，下面就是添加了外邊距后的效果圖。

以上就是DreamWeaver使用塊狀標簽div的教程，希望大家喜歡，請繼續關注武林網。

相關推薦：

DreamWeaver怎么設置行內標簽?

dreamweaver怎么制作各種類型的菜單欄?

dreamweaver怎么制作文本框? dw文本框的兩種制作方法