如何在html中设置文本的模糊背景

我已经用html编写了模糊图像背景的代码，但它将整个文本加上图像背景设置为模糊。如何解决这个问题

<div  style="background-image: url('Images/aaboutus.jpg'); -webkit-filter: blur(2px); height: 700px; background-repeat: no-repeat; ">

     <table border="0"  align="center" frame="box"  style="height: 400px;">

<tr>
<td>
<p>Hello World</p>
</td>
</tr>
</table>
</div>

你好，世界

你好，世界

  <div style="height: 700px;">
    <img src="Images/aaboutus.jpg" style="-webkit-filter: blur(2px);" />
    <table border="0" align="center" frame="box" style="height: 400px;">
      <tr>
        <td>
          <p>Hello World</p>
        </td>
      </tr>
    </table>
  </div>