我已经阅读了很多关于这个问题的主题，但到目前为止没有任何效果。 我读过的最简单的方法涉及使用框阴影，但这会导致阴影与框具有不同的颜色，即使颜色代码相同 (#141414)。
问题
如何为 div 框设置淡出/模糊边框？很难用书面形式解释，所以我制作了这张图片来给你这个想法(忽略背景)。如果您仔细观察，您可以看到混合并且颜色均匀，逐渐变为透明。
正如我所说，box-shadow 对我不起作用。
body {
background-image:url('http://phptesting.altervista.org/tessuto.png');
background-repeat: repeat;
}
div {
width: 300px;
height: 300px;
background-color: #141414;
border: 2px solid #141414;
box-shadow: 0 0 5px 5px #141414;
border-radius: 10px;
}<html>
<body>
<div></div>
</body>
</html>最佳答案
box-shadow 实际上是获得这种效果的唯一 CSS 方式。尝试这样的事情:
div {
margin: 25px 10px;
width: 100px;
height: 100px;
background: #141414;
box-shadow: 0 0 15px 10px #141414;
}<div></div>关于html - 如何使用 css 淡出/模糊 div 的边框？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28384582/