dreamweaver 8怎么通過(guò)代碼設(shè)置頁(yè)面高寬顏色?
我要評(píng)論dreamweaver是一款網(wǎng)頁(yè)設(shè)計(jì)軟件，可以通過(guò)設(shè)置按鈕和寫(xiě)很少的代碼實(shí)現(xiàn)想要的頁(yè)面設(shè)計(jì)。下面看看怎么加一個(gè)div并設(shè)定寬度、高度和背景顏色。
dreamweaver8 中文綠色版(無(wú)需安裝)
- 類(lèi)型：網(wǎng)頁(yè)設(shè)計(jì)
- 大小：59.6MB
- 語(yǔ)言：簡(jiǎn)體中文
- 時(shí)間：2012-03-09
1、打開(kāi)dreamweaver 8軟件，然后新建一個(gè)html頁(yè)。如圖：
2、接下來(lái)頁(yè)面插入div標(biāo)簽，選擇工具欄“插入DIV標(biāo)簽”按鈕，在打開(kāi)對(duì)話(huà)框中ID項(xiàng)給這個(gè)div命名，我們給它起個(gè)名字叫layout(可以根據(jù)自己需要寫(xiě))。如圖：
3、點(diǎn)擊“插入”后，如圖，給div起個(gè)名，如圖：
4、點(diǎn)“確定”后代碼會(huì)多出來(lái)，如下：
5、增加樣式：在右邊點(diǎn)擊css樣式的圖標(biāo)
6、勾選“僅對(duì)該文檔”，如圖：
7、設(shè)置寬高和背景，如圖：
8。點(diǎn)擊應(yīng)用確定即可，設(shè)置背景顏色：
9、勾選想要的顏色，點(diǎn)應(yīng)用，確定即可。整體效果：
相關(guān)推薦：
DW CS6怎么新建站點(diǎn)并管理站點(diǎn)?
Dreamweaver中vm文件怎么設(shè)置高亮顯示?
Dreamweaver CS5怎么設(shè)計(jì)制作網(wǎng)頁(yè)框架?
相關(guān)文章
Dreamweaver怎么給網(wǎng)頁(yè)添加音樂(lè)?
Dreamweaver怎么給網(wǎng)頁(yè)添加音樂(lè)？在設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候，想在網(wǎng)頁(yè)中添加音樂(lè)，該怎么添加呢？下面我們就來(lái)看看Dreamweaver插入音樂(lè)的教程，需要的朋友可以參考下2016-12-15Dreamweaver CS5怎么設(shè)計(jì)制作網(wǎng)頁(yè)框架?
Dreamweaver CS5怎么設(shè)計(jì)制作網(wǎng)頁(yè)框架？dw設(shè)計(jì)網(wǎng)站網(wǎng)頁(yè)很方便，該怎么設(shè)計(jì)一個(gè)網(wǎng)頁(yè)的框架呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2016-11-15dreamweaver 怎么在網(wǎng)頁(yè)中使用div展示圖片效果?
dreamweaver 怎么在網(wǎng)頁(yè)中使用div展示圖片效果？想給網(wǎng)站中插入一些圖片，怎么使用div展示圖片呢？下面我們就來(lái)看看詳細(xì)的設(shè)置方法，需要的朋友可以參考下2016-11-01dreamweaver cs5怎么給網(wǎng)頁(yè)制作圖片的擠壓效果?
dreamweaver cs5怎么給網(wǎng)頁(yè)制作圖片的擠壓效果？想使用dw給網(wǎng)頁(yè)制作圖片顯示出來(lái)是擠壓效果的樣式，該怎么設(shè)計(jì)呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2016-10-24Dreamweaver基礎(chǔ)教程之主體的細(xì)分技巧
我們經(jīng)常使用Dreamweaver設(shè)計(jì)網(wǎng)頁(yè)，今天我們就來(lái)看看比較基礎(chǔ)的關(guān)于Dreamweaver主體的細(xì)分技巧，很簡(jiǎn)單的知識(shí)，需要的朋友可以參考下2016-09-05Dreamweaver網(wǎng)頁(yè)版權(quán)符號(hào)怎么制作?
Dreamweaver網(wǎng)頁(yè)版權(quán)符號(hào)怎么制作？我們看到很多我那個(gè)站都會(huì)帶有版權(quán)富豪，自己使用Dreamweaver設(shè)置網(wǎng)站的時(shí)候，該怎么添加網(wǎng)頁(yè)版權(quán)符號(hào)呢？下面我們就來(lái)看看詳細(xì)的教程，2016-08-28Dreamweaver制作網(wǎng)頁(yè)的時(shí)候怎么定義主體div?
Dreamweaver制作網(wǎng)頁(yè)的時(shí)候怎么定義主體div？使用Dreamweaver制作網(wǎng)頁(yè)的時(shí)候，必然會(huì)使用div，今天我們就來(lái)看看一些基礎(chǔ)教程，需要的朋友可以參考下2016-08-17Dreamweaver在網(wǎng)頁(yè)中怎么添加圖片呢?
這篇教程主要是向腳本之家的朋友分享Dreamweaver在網(wǎng)頁(yè)中怎么添加圖片方法，教程比較基礎(chǔ)，適合新手來(lái)學(xué)習(xí)，推薦過(guò)來(lái)，一起來(lái)學(xué)習(xí)吧2016-08-09Dreamweaver怎么給網(wǎng)頁(yè)添加樣式表的關(guān)聯(lián)?
Dreamweaver怎么給網(wǎng)頁(yè)添加樣式表的關(guān)聯(lián)？想給網(wǎng)頁(yè)添加樣式表約束的鏈接，該怎么添加呢？下面我們就來(lái)看看詳細(xì)的設(shè)置教程，,需要的朋友可以參考下2016-08-08Dreamweaver怎么新建網(wǎng)頁(yè)并保存?
Dreamweaver怎么新建網(wǎng)頁(yè)并保存？Dreamweaver制作網(wǎng)頁(yè)很容易，今天我們就來(lái)看看基礎(chǔ)教程，使用Dreamweaver建立網(wǎng)頁(yè)并保存，很簡(jiǎn)單，需要的朋友可以參考下2016-08-01
