dreamweaver中如何設置CSS面板

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

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

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

4、之后會彈出新建CSS規則表格

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

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

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

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

9、這里還可以設置區塊模式

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

11、設置完畢，輸入內容我們就可以看到我們設置的結果

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

相關推薦：

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

Dreamweaver8怎么制作個人風格的界面和欄?

dw模板怎么制作?Dreamweaver制作網頁模板的詳細教程