CSS3新特性之盒子阴影box-shadow介绍

CSS3新特性之盒子阴影box-shadow介绍_第1张图片
css3中新增了盒子阴影,我们可以使用box-shadow属性为盒子添加阴影

语法:

box-shadow:h-shadow v-shadow blur spread color inset;

CSS3新特性之盒子阴影box-shadow介绍_第2张图片
示例:




    

效果图
CSS3新特性之盒子阴影box-shadow介绍_第3张图片
注意:

  1. 默认的是外阴影(outset),但是不可以写这个单词,否则导致阴影无效
  2. 盒子阴影不占用空间,不会影响其他盒子排列

你可能感兴趣的:(CSS)