HTML 里边框有阴影方法

2019独角兽企业重金招聘Python工程师标准>>>

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

转载于:https://my.oschina.net/u/2369810/blog/595273