DreamWeaver怎么使用塊狀標簽div?
我要評論DreamWeaver制作的的網(wǎng)頁都可以分為各個不同功能的板塊，將這些板塊結(jié)合起來就是一個完成的網(wǎng)頁。該怎么使用塊狀標簽?zāi)?？下面我們就來看看詳細的教程?/p>
1、打開DreamWeaver，新建html文件并保存。
2、在body中輸入div標簽，div為雙標簽
3、輸入三組div標簽，如圖所示
4、在head中輸入樣式標簽<style></style>,在樣式標簽中做div的修飾
5、在style標簽中輸入div{}大括號內(nèi)為對div的修飾，需要div什么樣的效果，就寫出什么的代碼修飾
6、在樣式中輸入寬、高、背景，寬為:width;高：height; 背景為：background-color;如下圖所示
7、當(dāng)輸入框架的寬高及背景顏色后，打開瀏覽器預(yù)覽，就會看到三個方形。如圖。
8、上圖中國三個圖形連接在了一起，為了分清三個圖形的邊框，可以設(shè)置外邊距margin，比如外邊距為10px。
9、打開預(yù)覽，下面就是添加了外邊距后的效果圖。
以上就是DreamWeaver使用塊狀標簽div的教程，希望大家喜歡，請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
DreamWeaver怎么設(shè)置行內(nèi)標簽?
dreamweaver怎么制作文本框? dw文本框的兩種制作方法
相關(guān)文章
Dreamweaver網(wǎng)頁中怎么插入命名錨記鏈接?
Dreamweaver網(wǎng)頁中怎么插入命名錨記鏈接？Dreamweaver設(shè)計網(wǎng)頁的時候，想要插入命名錨記鏈接，該怎么使用命名錨記呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2018-01-16
dreamweaver怎么新建收藏夾并歸類資源？dreamweaver中收藏了很多東西，為了方便查找我們可以根據(jù)資源類型歸類，下面我們就來看看dreamweaver新建收藏夾并歸類的教程，需要2018-01-09
Dreamweaver怎么使用css選擇器中的類？Dreamweaver中css選擇器中有很多功能，想要使用其中的類，該怎么使用呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2018-01-09
Dreamweaver文件頭部信息有什么作用? dw查看文件頭部信息的教程
Dreamweaver文件頭部信息有什么作用？Dreamweaver制作的網(wǎng)頁由兩部分組成，一個是頭部信息，一個就是主體信息，今天我們就來介紹一下dw查看文件頭部信息的教程，需要的朋友2018-01-09
Dreamweaver網(wǎng)頁中的文本怎么添加背景色?
Dreamweaver網(wǎng)頁中的文本怎么添加背景色？Dreamweaver設(shè)計的網(wǎng)格，想要一小段文本中的文字添加背景色，該怎么添加呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2018-01-08
Dreamweaver網(wǎng)頁中怎么添加電子郵箱鏈接?
Dreamweaver網(wǎng)頁中怎么添加電子郵箱鏈接？Dreamweaver設(shè)計的網(wǎng)頁想要添加聯(lián)系我們的文字直接鏈接到電子郵箱，該怎么制作呢？下面我們就來看看詳細的教程，需要的朋友可以參2018-01-05
Dreamweaver網(wǎng)頁中的文本怎么添加背景圖片?
Dreamweaver網(wǎng)頁中的文本怎么添加背景圖片？Dreamweaver設(shè)計的文本網(wǎng)頁太單調(diào)，想要給文本添加星空背景圖片，該怎么添加呢？下面我們就來看看詳細的教程，需要的朋友可以參2018-01-05
Dreamweaver怎么添加邊框? Dreamweaver邊框的制作方法
Dreamweaver怎么添加邊框？Dreamweaver想要制作一個紅色邊框，該怎么制作呢？下面我們就來看看Dreamweaver邊框的制作方法，需要的朋友可以參考下2018-01-04
Dreamweaver網(wǎng)頁怎么添加彈出窗口信息?
Dreamweaver網(wǎng)頁怎么添加彈出窗口信息？很多網(wǎng)站都有歡迎信息的彈窗，想要給網(wǎng)頁添加一個彈窗，該怎么添加呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2018-01-04
Dreamweaver怎么上傳站點到服務(wù)器？Dreamweaver中制作好的玩野想要上傳到服務(wù)器，該怎么上傳站點呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2018-01-03
