CSS中的blur是一个非常有用的属性，它可以让一个元素呈现出模糊的效果。下面我们来详细了解一下blur的使用方法。

.blur {
filter: blur(5px);
}

上面的代码中，我们给某个元素添加了.blur的类名，并使用filter属性设置了blur效果，参数为5px。

除了像上面那样给单个元素添加blur效果外，我们还可以在整个页面中加入全局的blur效果：

body {
filter: blur(5px);
}

上面的代码中，我们使用了相同的filter属性，但是把它应用到了body元素中，使整个页面都呈现出blur效果。

除了像上面那样直接设置值外，我们还可以使用变量的方式来设置blur效果的值：

:root {
--blur-value: 5px;
}
.blur {
filter: blur(var(--blur-value));
}

上面的代码中，我们在根元素:root中定义了一个名为--blur-value的变量，然后我们在.blur元素中使用var()函数来引用该变量，从而设置blur效果的值。

总之，使用CSS中的blur属性可以让我们实现各种炫酷的效果，如背景模糊、弹出框模糊等等。无论是直接设置值、全局应用、变量方式等等，我们都可以根据具体的需求来选择使用。