给容器添加阴影

1、外阴影

.shadow-box{
      -webkit-box-shadow:0px 0px 4px #ff0000;
      -moz-box-shadow:0px 0px 4px #ff0000;
      box-shadow:0px 0px 4px #ff0000;  
}

给容器添加阴影

 

****************************************************  分割线  ****************************************************

2、内阴影 只需要在外阴影的样式基础上添加 inset

.shadow-box{
      -webkit-box-shadow:0px 0px 4px #ff0000 inset;
      -moz-box-shadow:0px 0px 4px #ff0000 inset;
      box-shadow:0px 0px 4px #ff0000 inset;  
}

给容器添加阴影

 

上一篇:相约在冬季实战营——第二期学习报告


下一篇:box-shadow