請執行下列其中一項作業，開啟「CSS 樣式」面板：
上次更新時間
2021年4月29日
請將 Dreamweaver 樣本樣式表套用至您的頁面，或用來做為起點以開發自己的樣式。
註解：
在 Dreamweaver CC 和更新版本中，CSS 樣式面板已由 CSS 設計工具所取代。如需詳細資訊，請參閱 CSS 設計工具。
Dreamweaver 提供了樣本樣式表，您可以套用至您的頁面，或用來做為起點以開發自己的樣式。
-
選取「視窗＞CSS 樣式」。
按下 Shift + F11 鍵。
-
在「CSS 樣式」面板中，按一下「附加外部樣式表」按鈕 (按鈕位於面板的右下角)。
-
在「附加外部樣式表」對話方塊中，按一下「樣本樣式表」。
-
從「樣本樣式表」對話方塊中的清單方塊選取樣式表。
當您選取清單方塊中的樣式表時，「預覽」窗格中便會顯示所選樣式表的文字和顏色格式。
-
按一下「預覽」按鈕以套用樣式表，並且確定它有將您希望的樣式套用至目前的頁面。
如果套用的樣式並非如您的預期，請從清單中選取另一份樣式表，再按一下「預覽」以套用這些樣式。
-
依預設值，Dreamweaver 會將樣式表儲存在名為 CSS 的資料夾中，該資料夾就在您為頁面所定義的網站根目錄下方。如果該資料夾不存在，Dreamweaver 便會建立此資料夾。按一下「瀏覽」，再瀏覽至另一個資料夾，即可將檔案儲存到另一個位置。
-
當找到格式化尺標符合您的設計準則的樣式表時，按一下「確定」。
