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