HTML 里边框有阴影方法

  1. css3中设置边框为图片阴影css

  2. div的嵌套,露出部分用图片堆砌html

  3. 自动边框设置阴影-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

相关文章
相关标签/搜索