第二章 背景与边框
1、半透明边框
背景知识： background-clip 属性，确定背景显示区域，也就是确定背景的裁剪区域
background-clip ： border-box || padding-box || content-box
- 1、border-box:此值为默认值，背景从border区域向外裁剪，也就是超出部分将被裁剪掉；
- 2、padding-box：背景从padding区域向外裁剪，超过padding区域的背景将被裁剪掉；
- 3、context-box：背景从content区域向外裁剪，超过context区域的背景将被裁剪掉；
难题 给一个容器设置白色背景和易道半透明边框 解决方案
background-clip: padding-box;
background-color:#fff ;
border: 10px solid hsla(0, 0%,100%,0.5);
