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

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

2、在head中建立樣式style標(biāo)簽

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

4、在瀏覽器中預(yù)覽效果如下

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

6、前兩個(gè)屬性值分別代表橫軸運(yùn)動(dòng)和數(shù)軸運(yùn)動(dòng)，如下圖，正值代表右和下，如果想要靠左側(cè)和上側(cè)時(shí)可以輸入負(fù)值

7、第三個(gè)值代表擴(kuò)散的意思，將實(shí)體虛化

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

以上就是Dreamweaver中box shadow制作陰影的教程，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注武林網(wǎng)。

相關(guān)推薦：

Dreamweaver文字怎么添加多個(gè)不同的陰影?

Dreamweaver怎么使用框架結(jié)構(gòu)快速制作網(wǎng)頁?

dreamweaver怎么快速對(duì)齊代碼? dw對(duì)齊代碼的設(shè)置方法