css怎么弄图片模糊边框不模糊

你可以使用CSS的filter属性来实现图片模糊效果，同时使用border-radius属性来设置图片的圆角边框。具体实现方法如下：

img {
  filter: blur(5px);
  border-radius: 10px;
}

这样就可以让图片同时具有模糊效果和圆角边框了。

相关问题

css图片模糊边框不模糊

对于这个问题，我可以回答。您可以使用CSS的blur属性来模糊图片边框，同时使用CSS的border属性来设置边框。例如，您可以使用以下代码：

img {
border: 2px solid black;
border-radius: 10px;
-webkit-filter: blur(5px);
filter: blur(5px);
}

这将在图片周围创建一个2像素宽的黑色边框，同时将图片模糊5像素。希望这可以帮助您解决问题。

如何使用css3设置图像边框

使用CSS3设置图像边框的方法如下：

1.使用border属性设置边框

img {
  border: 1px solid #000; /* 边框1像素宽，实心黑色 */
}

2.使用border-radius属性设置圆角边框

img {
  border: 1px solid #000; /* 边框1像素宽，实心黑色 */
  border-radius: 50%; /* 圆角半径为图片宽度的50% */
}

3.使用box-shadow属性设置投影边框

img {
  box-shadow: 0 0 10px rgba(0,0,0,.5); /* 投影边框，黑色，不带模糊效果 */
}

4.使用outline属性设置轮廓边框

img {
  outline: 1px solid #000; /* 轮廓边框，1px宽，实心黑色 */
}