css3 这种半透明边框带阴影，里面填充白色该怎么做？

答案:3 悬赏:0 手机版

解决时间 2021-12-02 07:44

提问者网友：世勋超人
2021-12-01 16:50

最佳答案

五星知识达人网友：西岸风
2021-12-01 17:43

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

全部回答

1楼网友：何以畏孤独
2021-12-01 18:13

试了下，边框貌似不能用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);

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息