Dreamweaver中box shadow怎么添加陰影?
我要評(píng)論Dreamweaver中想要使用box-shadow制作陰影效果，該怎么使用box-shadow屬性呢？下面我們就來看看詳細(xì)的教程。
Adobe Dreamweaver CC 2017 v17.0 中文版(附安裝教程) 64位
- 類型：網(wǎng)頁(yè)設(shè)計(jì)
- 大?。?/span>758MB
- 語(yǔ)言：簡(jiǎn)體中文
- 時(shí)間：2016-11-05
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)注腳本之家。
相關(guān)推薦：
Dreamweaver怎么使用框架結(jié)構(gòu)快速制作網(wǎng)頁(yè)?
dreamweaver怎么快速對(duì)齊代碼? dw對(duì)齊代碼的設(shè)置方法
相關(guān)文章
Dreamweaver怎么給頁(yè)面添加時(shí)間?
Dreamweaver怎么給頁(yè)面添加時(shí)間？想給頁(yè)面添加時(shí)間，該怎么添加呢？今天我們就來看看使用Dreamweaver給頁(yè)面添加時(shí)間的兩種方法，需要的朋友可以參考下2016-12-22
Dreamweaver怎么給網(wǎng)頁(yè)添加音樂?
Dreamweaver怎么給網(wǎng)頁(yè)添加音樂？在設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候，想在網(wǎng)頁(yè)中添加音樂，該怎么添加呢？下面我們就來看看Dreamweaver插入音樂的教程，需要的朋友可以參考下2016-12-15
Dreamweaver注釋怎么設(shè)置快捷鍵？Dreamweaver想給注釋添加一個(gè)快捷鍵呢？下面我們就來看看dw設(shè)置注釋快捷鍵的教程，很簡(jiǎn)單，需要的朋友可以參考下2016-12-12
Dreamweaver怎么去掉熱點(diǎn)的黃色框/藍(lán)色框?
Dreamweaver怎么去掉熱點(diǎn)的黃色框/藍(lán)色框？Dreamweaver中有熱點(diǎn)的時(shí)候就會(huì)有黃色框或者藍(lán)色框，該怎么辦呢？該怎么去掉呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參2016-12-05
Dreamweaver無(wú)法打開提示javascript錯(cuò)誤怎么辦?
Dreamweaver無(wú)法打開提示javascript錯(cuò)誤怎么辦？Dreamweaver無(wú)法啟動(dòng)，總是提示javascript錯(cuò)誤，刪除部分軟件也不行，該怎么辦呢？下面我們就來看看詳細(xì)的解決辦法，需要的2016-11-25dreamweaver怎么設(shè)置段落首行自動(dòng)縮進(jìn)兩個(gè)字符?
dreamweaver怎么設(shè)置段落首行自動(dòng)縮進(jìn)？dreamweaver制作網(wǎng)頁(yè)的時(shí)候，想要讓文字首行自動(dòng)縮進(jìn)兩個(gè)字符，該怎么設(shè)計(jì)呢？下面我們就來看看詳細(xì)的教，需要的朋友可以參考下2016-11-20Dreamweaver CS5怎么設(shè)計(jì)制作網(wǎng)頁(yè)框架?
Dreamweaver CS5怎么設(shè)計(jì)制作網(wǎng)頁(yè)框架？dw設(shè)計(jì)網(wǎng)站網(wǎng)頁(yè)很方便，該怎么設(shè)計(jì)一個(gè)網(wǎng)頁(yè)的框架呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2016-11-15dreamweaver 怎么在網(wǎng)頁(yè)中使用div展示圖片效果?
dreamweaver 怎么在網(wǎng)頁(yè)中使用div展示圖片效果？想給網(wǎng)站中插入一些圖片，怎么使用div展示圖片呢？下面我們就來看看詳細(xì)的設(shè)置方法，需要的朋友可以參考下2016-11-01dreamweaver cs5怎么給網(wǎng)頁(yè)制作圖片的擠壓效果?
dreamweaver cs5怎么給網(wǎng)頁(yè)制作圖片的擠壓效果？想使用dw給網(wǎng)頁(yè)制作圖片顯示出來是擠壓效果的樣式，該怎么設(shè)計(jì)呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2016-10-24- 我們上網(wǎng)的時(shí)候可以看到很多精美的網(wǎng)頁(yè),這些網(wǎng)頁(yè)都是網(wǎng)頁(yè)制作者精心設(shè)計(jì)出來的，那么在dreamweaver中如何插入圖片呢?下面小編就為大家介紹一下，來看看吧2016-10-14
