DW（Dreamweaver）原件是一種用于快速構(gòu)建網(wǎng)站頁(yè)面的工具，而CSS是控制網(wǎng)站樣式的重要一環(huán)。本文將介紹如何使用DW原件的CSS規(guī)則。

首先，在DW中打開(kāi)一個(gè)網(wǎng)站頁(yè)面，選中需要添加CSS規(guī)則的DW原件。點(diǎn)擊樣式面板中的“+”號(hào)，選擇“CSS規(guī)則”：

樣式面板
├──元素和標(biāo)記
├──DW原件
├──需要添加CSS規(guī)則的DW原件
├──+CSS規(guī)則

接著會(huì)彈出“新建CSS規(guī)則”對(duì)話框，其中有各種CSS屬性供選擇。在選擇好所需屬性后，點(diǎn)擊“確定”：

新建CSS規(guī)則
├──選擇器類(lèi)型
├──選擇器名稱(chēng)
├──表現(xiàn)
├──字體
├──字體系列
├──類(lèi)型
├──文本
├──顏色
├──對(duì)齊方式
├──背景
├──顏色
├──圖像
├──重復(fù)

接下來(lái)，DW會(huì)自動(dòng)生成相應(yīng)的CSS代碼，并將其添加到樣式表中：

.dwwidget .dwwidget我要修改 {
font-family: "微軟雅黑";
font-size: 16px;
color: #666666;
text-align: center;
background-color: #f2f2f2;
background-image: url("../images/button_bg.png");
background-repeat: repeat-x;
}

最后，應(yīng)用CSS規(guī)則即可：

我要修改

以上就是使用DW原件CSS規(guī)則的介紹，希望對(duì)您能有所幫助。