HTML 裏邊框有陰影方法

1. css3中設置邊框爲圖片陰影

2. div的嵌套，露出部分用圖片堆砌

3. 自動邊框設置陰影-webkit-box-shadow: 3px 0px 10px #f2f2f2 inset;box-shadow: 3px 0px 10px #f2f2f2 inset;"

下面來講下css3陰影的語法：

box-shadow：none | <shadow> [ , <shadow> ]*

<shadow> = inset? && [ <length>{2,4} && <color>? ]

取值：

none： 無陰影 

<length>①： 第1個長度值用來設置對象的陰影水平偏移值。能夠爲負值 

<length>②： 第2個長度值用來設置對象的陰影垂直偏移值。能夠爲負值 

<length>③： 若是提供了第3個長度值則用來設置對象的陰影模糊值。不容許負值 

<length>④： 若是提供了第4個長度值則用來設置對象的陰影外延值。能夠爲負值 

<color>： 設置對象的陰影的顏色。 

inset： 設置對象的陰影類型爲內陰影。該值爲空時，則對象的陰影類型爲外陰影 

其餘：http://www.yilingsj.com/css3/2013-08-04/70.html