dreamweaver 8怎么通過代碼設(shè)置頁面高寬顏色?

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