1、首先新建一个简单的html文件，如图所示。
2、然后根据自己的需要，简单的设置一下层宽高和图片样式。
3、新建一个用于局部模糊的层，利用绝对定位和z-index使它浮动在图片上面，效果如果所示。
4、然后细调css的样式使它达到自己想要的效果，比如想让中间的S模糊。
5、最后预览下如下图所示，就完成了。
<html><head>
<title>css模糊效果</title>
<style type="text/css">
.mohu{
font-family:"黑体"
color:"red"
}
.by{
font-family:"黑体"
position:absolute
top:14px
left:9px
}
</style>
</head>
<body>
<div class="mohu">你好，是这个效果吗？</div>
<div class="by">你好，是这个效果吗？</div>
</body>
</html>
