DW（Dreamweaver）是一款廣泛使用的網頁開發工具，其中的CSS插圖功能可以方便地為網頁添加CSS樣式。通過DW的CSS插圖功能，我們可以通過圖形化的方式選擇、編輯和應用CSS樣式。下面，我們就來看一下DW中的CSS插圖功能有哪些用處和操作方法。

//下面是相關的CSS插圖代碼示例：
.selector {
display: block;
border: 1px solid #ccc;
background-color: #f5f5f5;
}

首先，我們需要先選中或創建一個HTML元素，然后點擊DW中的CSS插圖圖標，即可打開CSS樣式面板。在CSS樣式面板中，我們可以選擇要編輯的樣式屬性，比如背景、邊框、字體等等，然后通過可視化的方式選擇相應的樣式值。在編輯完樣式后，DW會自動生成相應的CSS代碼并將其應用到頁面中。

另外，DW的CSS插圖還支持CSS3的樣式屬性，如圓角、漸變色等等，可以幫助我們快速地實現各種高級效果。

需要注意的是，DW的CSS插圖功能不能完全取代手動編輯CSS代碼的方法。在某些情況下，我們可能需要手動編輯代碼以達到更精細的控制效果，或者需要應用一些DW暫不支持的CSS樣式。

//下面是另一個CSS插圖示例：
.button {
padding: 8px 16px;
font-size: 14px;
color: #fff;
background-color: #009688;
border: none;
border-radius: 4px;
cursor: pointer;
}

總之，DW中的CSS插圖功能可以幫助我們快速地編輯和應用CSS樣式，適用于各種網頁開發場景。希望本文能對您有所幫助。