制作网站背景模糊特效的方法：

1. 使用CSS3的filter属性

使用CSS3的filter属性，可以通过设置blur滤镜实现背景模糊的效果。例如：

background-image: url(背景图);
filter: blur(10px);

2. 使用CSS和HTML结合

可以使用CSS3中的::before伪元素和z-index属性结合HTML来实现背景模糊的效果。示例代码如下：

HTML:

CSS:

.bg-blur {
position: relative;
}
.bg-blur::before {
content: “”;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: url(背景图片);
filter: blur(10px);
z-index: -1;
}

.content {
/* 网站内容样式 */
}

以上两种方法都可以实现背景模糊效果，具体根据实际需求选择。

网站背景模糊特效示例：

以下是一个简单的网站背景模糊特效示例，使用了第二种方法：

HTML:

网站标题

网站内容

CSS:

.bg-blur {
position: relative;
}
.bg-blur::before {
content: “”;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: url(https://i.imgur.com/KAr9z8s.jpg);
filter: blur(5px);
z-index: -1;
}

.content {
position: relative;
z-index: 1;
padding: 50px;
text-align: center;
color: white;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

h1 {
font-size: 5em;
margin-bottom: 0.5em;
}

p {
font-size: 2em;
}

效果如下图所示：