css怎么弄图片模糊边框不模糊
时间: 2023-04-05 12:04:34 浏览: 442
你可以使用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像素。希望这可以帮助您解决问题。
阅读全文
相关推荐
















