试了下，边框貌尺册似不能用rgba，那么可以弄2个div。
.outer{width: 100px;height: 100px;padding:10px;background-color:rgba(51,51,51,.5);box-shadow: 0 0 10px 5px #aaa;}
.inner{width: 100px;height: 100px;background-color: #fff;}
外面div比里面多10px，我是用的padding。外面div设置rgba半透明，里面div设置白色。样子跟边框差不多。
-------------割-------------
又试陵侍宏了下谈锋，边框可以用rgba，border:10px solid rgba(238, 238, 238,.5);
#s3 {padding:20px;width:500px;height:300px;margin:auto;background:#fff;background:rgba(0, 0, 0, 0.6);filter:Alpha(opacity=60);box-shadow:10px 10px 20px rgba(0,0,0,0.5);}
.s4 {width:500px;height:300px;background:#fff;}
------------------------------------------------------------------
拆磨
box-shadow:0px -10px 0px 0px #ff0000, /*上边阴影
-10px 0px 0px 0px #3bee17, /*左边阴影
蠢昌10px 0px 带穗扒0px 0px #2279ee,/*右边阴影
族锋 0px 10px 0px 0px #eede15;/*下边阴影
css3实现.shadow{ box-shadow: 0 0 3px #000;}
div
{
box-shadow: 10px 10px 5px #888888;
}
.shadow{
-webkit-box-shadow: #666 0px 0px 10px;
-moz-box-shadow: #666 0px 0px 10px;
box-shadow: #666 0px 0px 10px;
background: #EEFF99;
以上就是土嘎嘎小编大虾米为大家整理的css3阴影边框怎么设置相关主题介绍,如果您觉得小编更新的文章对您有所帮助，不要忘记讲本站分享给您身边的朋友哦！！