使用CSS，如何在图像的所有边上添加100px的边框，该图像由延伸和模糊的周边像素组成？例如图像左边的边框只是1-3列水平拉伸并模糊在一起？
我看到其他帖子解释了如何保持边缘清晰但模糊中心。
答案 0 :(得分：18)
如果您想将图像模糊到边缘 和 ，如果您只有一个background-color，那么您可以使用box-shadow和{ {1}}存档您想要的行为：
inset其中box-shadow: inset 0px 0px 40px 40px #DBA632;
是您的背景颜色。
请参阅此代码段：
#DBA632body {
background: #DBA632;
}
div {
background: url('http://lorempixel.com/500/300/nature');
width: 500px;
height: 300px;
margin: 50px;
box-shadow: inset 0px 0px 40px 40px #DBA632; /* change to alter the effect*/
}
旧答案：
你在找这样的东西吗？
<div></div>前两个值设置阴影的偏移量，第三个值是模糊量，最后一个值是阴影的扩散值。
您可以使用这些值来查看它们如何更改效果：DEMO
答案 1 :(得分：6)
box-shadow就是你想要的。我在下面放了一些链接，告诉你需要知道的一切：