Dreamweaver中想要使用box-shadow制作陰影效果，該怎么使用box-shadow屬性呢？下面我們就來看看詳細的教程。

1、打開Dreamweaver軟件，ctrl+n新建Html文檔，在body標簽中輸入div標簽

2、在head中建立樣式style標簽

3、對div添加寬高屬性、填充一個顏色并居中，如下圖所示

4、在瀏覽器中預覽效果如下

5、對物體添加陰影屬性【box-shadow：0px 0px 0px red;】在box-shadow屬性中可以輸入4個屬性值，中間用空格斷開，

6、前兩個屬性值分別代表橫軸運動和數軸運動，如下圖，正值代表右和下，如果想要靠左側和上側時可以輸入負值

7、第三個值代表擴散的意思，將實體虛化

8、如果只對第三組賦予值，選擇一個顏色，就形成如下圖的陰影效果

以上就是Dreamweaver中box shadow制作陰影的教程，希望大家喜歡，請繼續關注武林網。

相關推薦：

Dreamweaver文字怎么添加多個不同的陰影?

Dreamweaver怎么使用框架結構快速制作網頁?

dreamweaver怎么快速對齊代碼? dw對齊代碼的設置方法