场景一：
在律师网站建设中实现半透明边框：
由于CSS样式的默认行为，背景色的渲染范围是 content+padding+border。
半透明边框被主调色影响, 实现的效果为
解决方案：
使用background-clip 属性规定背景的绘制区域,使得绘制区域仅限制在content+padding。
Div {
border:10px solid rgba(0,0,0,.5);
background: lightblue;
background-clip: padding-box;
}
补充： background-clip 不兼容IE6-8, Opera10
场景二：
实现多重边框：
方案1： 使用box-shadow来生成多重投影
代码与效果如下：
div {
background:#c3e6f4;
box-shadow:0 0 0 15px #b7dae6,0 0 0 30px #cce2ea;
}
方案2：盒子边框结合描边属性(outline)
特点： 只能实现两重边框，更加灵活，能使用虚线等效果
代码与效果如下：
div {
border: 6px dashed #c3f4ec;
outline: 10px solid #d9faf6;
background-clip: padding-box;
}
刑事律师网站模板、响应式深灰色大气律师网站模板
￥1000.00
律师网站模板、律师事务所网站模板【响应式，蓝色简洁大气风格】
￥1000.00
简洁大气的响应式律师事务所网站设计模板，兼容移动端
￥50.00
成都律品科技有限公司专注律师互联网营销技术服务，创始人员2009年开始从事律师行业互联网技术开发、营销运营工作已十年，2018年公司正式成立，不断探索律师行业服务需求，致力于为律师行业提供透明、优质的服务,现已为全国多家律师事务所、律师团队提供互联网技术及营销支持。
152-0832-9147
105991110
微信咨询