css3中设置边框为图片阴影css
div的嵌套,露出部分用图片堆砌html
自动边框设置阴影-webkit-box-shadow: 3px 0px 10px #f2f2f2 inset;box-shadow: 3px 0px 10px #f2f2f2 inset;"css3
下面来讲下css3阴影的语法:web
box-shadow:none | <shadow> [ , <shadow> ]*htm
<shadow> = inset? && [ <length>{2,4} && <color>? ]对象
取值:图片
none: 无阴影 it
<length>①: 第1个长度值用来设置对象的阴影水平偏移值。能够为负值 webkit
<length>②: 第2个长度值用来设置对象的阴影垂直偏移值。能够为负值 语法
<length>③: 若是提供了第3个长度值则用来设置对象的阴影模糊值。不容许负值
<length>④: 若是提供了第4个长度值则用来设置对象的阴影外延值。能够为负值
<color>: 设置对象的阴影的颜色。
inset: 设置对象的阴影类型为内阴影。该值为空时,则对象的阴影类型为外阴影
其余:http://www.yilingsj.com/css3/2013-08-04/70.html