dreamweaver中如何設(shè)置CSS面板

1、首先這里我們是需要你新建一個HTML文檔的，這里我們直接打開工具，之后選擇新建HTML即可

2、建立完畢之后這里我們使用快捷鍵，Shift+F11隨后我們就可以看到CSS面板

3、如下圖中所示，在面板中用鼠標(biāo)右擊之后選擇里面的“新建”

4、之后會彈出新建CSS規(guī)則表格

5、將選擇類型設(shè)置~為類，名稱設(shè)置為~測試，定義在~僅對該文檔，點擊“確定”

6、隨后彈出圖下中所示的測試CSS規(guī)則定義

7、在css定義框中我們是可以看到。類型 背景 區(qū)塊 方框 邊框 列表 定位 擴展。在類型框中將字體大小，樣式、行高等進(jìn)行設(shè)置

8、隨后是個背景的設(shè)置，這里我們是可以設(shè)置背景顏色和背景圖像的

9、這里還可以設(shè)置區(qū)塊模式

10、定位，列表等都是可以通過自己的設(shè)置而變得美化的，這里我就不一一介紹了

11、設(shè)置完畢，輸入內(nèi)容我們就可以看到我們設(shè)置的結(jié)果

12、當(dāng)然了，這里我們是可以點擊代碼模塊的，這里我們是可以看到我們代碼部位的設(shè)置的，如果你覺得輸入代碼太過于繁瑣的話，這個方式是可以值得一試的。

相關(guān)推薦：

dreamweaver里不用的站點怎么刪除?

Dreamweaver8怎么制作個人風(fēng)格的界面和欄?

dw模板怎么制作?Dreamweaver制作網(wǎng)頁模板的詳細(xì)教程

最新評論