css3 box-shadow属性使用方法总结

在CSS3中，我们可以使用box-shadow属性让盒子产生阴影效果。下面介绍几点box-shadow属性的使用：

⑴使用方法：box-shadow：length length length color，前三个length分别表示文字阴影离开文字的横向距离，阴影离开文字的纵向距离和阴影的模糊半径，color表示阴影的颜色。

⑵将参数设置为0

①当阴影的模糊半径设定为0的时候，将绘制不向外模糊的阴影。

②将阴影离开文字的横向距离与阴影离开文字的纵向距离都设置为0的时候，会在盒子的周围绘制阴影。

③将阴影离开文字的横向距离设定为负数值的时候，向左绘制阴影。

④将阴影离开文字的纵向距离设定为负数值的时候，向上绘制阴影。

⑶对盒内子元素使用阴影，可以单独对盒内的子元素使用阴影。比如有一个div元素，div元素内部有一个span子元素，使用box-shadow属性让span子元素具有阴影效果。

⑷对第一个文字或第一行使用阴影，通过使用first-letter选择器或frist-line选择器可以只让第一个字或第一行具有阴影效果。

⑸对表格及单元格使用阴影，可以使用box-shadow属性让表格及表格内的单元格产生阴影效果。