css:阴影

1、盒子阴影样式单词:box-shadow

2、语法

div{box-shadow:0 0 1px #000 inset;}

代表边框间距靠左0 靠上0 和1px阴影范围 阴影颜色为黑色(#000),有inset 代表框内阴影 ,不带inset 代表框外阴影。

注意:
box-shadow:0px 0px 1px #000
第1个值为0时,代表左右边框阴影 为1px范围
第1个值为正整数 代表 左边框阴影
第1个值为负整数 代表 右边框阴影
同理
第2个值为0 代表上下边框阴影
第2个值为正整数 代表1px阴影距离上边框多少
第1个值为负整数 代表下边框阴影设置

3、对象阴影语法分析图

对象阴影box-shadow样式分析图
对象阴影box-shadow样式分析图
css:阴影_第1张图片

4、浏览器兼容图
css:阴影_第2张图片

转自:http://www.divcss5.com/css3-style/c727.shtml

你可能感兴趣的:(css:阴影)