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

2024-12-02 13:08:09

推荐回答（3个）

回答（1）：



	
	
	Transparent Borders
	
	
	
	



  


这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度

这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度

这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度

这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度

这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度

这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度

这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度

这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度

这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度

这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度

这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度这里是很多很多文字，方便看清透明度


		
			一个层就可以搞定

			ye！！！！

一个层就可以搞定的了。。。用到background-clip

这里的效果是这样：

阴影什么的，自己加上就可以了。

回答（2）：

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

回答（3）：

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