console
<div class="box">
<div class="blur">
<div class="content">
<p>所爱穿山海</p>
<p>山海皆可平</p>
</div>
</div>
</div>
.box {
margin: 30px;
padding: 20px;
width: 200px;
height: 200px;
border: 2px solid skyblue;
}
.blur {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
color: black;
text-align: center;
}
.blur::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url(http://oz2tkq0zj.bkt.clouddn.com/17-11-23/47989246.jpg) no-repeat center center;
background-size: cover;
content: '';
filter: blur(7px);
}
.content {
position: relative;
}