html如何让图片左右两边的边缘模糊化

要让图片左右两边的边缘模糊化，可以使用CSS中的`filter`属性，结合`blur()`函数和`brightness()`函数。

具体做法如下：

1. 首先，将图片包裹在一个`div`元素中，设置`div`元素的宽度为图片宽度的两倍，高度为图片高度，同时设置`overflow:hidden`，以隐藏超出宽度的部分。

2. 然后，给`div`元素设置`background-image`属性，将背景图片设置为要显示的图片，同时设置`background-position`属性为`50% 50%`，让背景图片居中显示。

3. 接下来，设置`div`元素的`filter`属性，使用`blur()`函数将背景图片进行模糊处理，使用`brightness()`函数将背景图片变暗，以达到模糊化的效果。具体代码如下：

div {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-image: url("图片地址");
  background-position: 50% 50%;
  filter: blur(10px) brightness(0.7);
}

其中，`blur()`函数的参数可以根据具体需求调整，`brightness()`函数的参数越小，图片就越暗。

这样就可以实现图片左右两边的边缘模糊化了。