css 加大边框的模糊度 |css 边框颜色逐渐变淡

.blur-border {
border: 10px solid #000;
padding: 20px;
background-color: #fff;
filter: blur(2px);
}

以上是可以让边框模糊的CSS代码。首先，大家在选择器中设置了一个类名blur-border，表示大家要给这个类名下的元素添加模糊边框效果。而在样式中，大家设置了边框宽度为10像素，颜色为黑色。padding则是为了让这个元素内的内容向内缩一些，保证边框的效果。而background-color设置为白色，表示这个元素的背景颜色为白色。

而最重要的就是filter属性，它可以让边框出现模糊效果。其中，blur(2px)表示边框的模糊度为2像素，大家可以根据需要调整这个数值来达到不同的效果。

通过以上的CSS代码，大家就可以实现一个具有模糊边框的效果。在实际中，大家可以将它应用到图片或其他元素中，使网站更加美观、生动。