ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

给容器添加阴影

2021-09-22 17:05:16  阅读:22  来源: 互联网

标签:box 容器 inset 阴影 ff0000 添加 shadow 0px 4px


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,容器,inset,阴影,ff0000,添加,shadow,0px,4px
来源: https://www.cnblogs.com/shiliang199508/p/15320620.html

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有