给容器添加阴影

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;  
}

 

posted @ 2021-09-22 16:53  slyly  阅读(98)  评论(0编辑  收藏  举报