對之前的博文進行完善。
相信對於CSS3 中box-shadow 屬性大家都不陌生，但是很多新手看到參考手冊估計一時半會還摸不著頭腦吧，值是知道設定了，但是怎樣達到自己想要的效果呢？

今天我跟大家分享關於box-shadow 相對於盒子邊設定陰影的問題。
（1）（上左右內建陰影）。為了美觀，加上了border -radius 屬性。

陰影設定程式碼：

        box-shadow: 0 17px 10px 10px #ff8c1a inset; 
         //底部陰影數值設定大於左右陰影數值，將底部陰影往頂部陰影擠。

（2）（上邊內陰影）

程式碼：

  box-shadow: 0 17px 10px -8px #ff8c1a inset;
    //將左右陰影設定負值，使陰影脫離盒子邊框。

（3） （ 右邊內陰影） （前面兩個沒弄背景顏色CSS3 設定盒子三邊內陰影、雙邊內陰影、單邊內陰影加上之後是這樣紙滴~~)

程式碼：

  box-shadow: -20px -2px 15px -13px #ff8c1a inset;
   //相應可以設定左邊和底部單邊。

（4）（上下內陰影）
由於單純的一個CSS3 只能夠設定一個盒子的屬性，所以在設定盒子雙邊時就需要設定兩個div，內外div 分別設定單邊陰影。要記得內外div 都要加上寬高。

注：有必要加上 -moz-、-webkit-字首來相容火狐谷歌等瀏覽器的渲染模式。
接下來講講盒子外陰影的問題，外陰影和內陰影的設定差不多，只是內陰影需要設定“inset”屬性值，而預設就是外陰影。
1）全外陰影：box-shadow: 0 0 50px #f7b606；

2）三邊陰影，這裡三邊陰影就是直接把整個陰影部分往下邊移了。box-shadow:0 25px 30px #f7b606;（額~不好看）

3）雙邊陰影：

相應也是在兩個鑲嵌的div裡設定陰影

    .container{height:300px;width: 300px;margin:120
 
px       auto;box-shadow:0 20px 20px -15px #f7b606; }
        .containertwo{height:100%;width: 100%;box-shadow:0 -20px 20px -15px #f7b606;}

4)單邊陰影：box-shadow:0 20px 20px -15px #f7b606;