今天我们来学习一下如何在CSS中给图片加上边框和阴影效果。首先，我们需要用到以下CSS样式规则：
```html```
那么，我们来解释一下这些样式规则的含义。
首先，我们创建了一个名为`image-container`的CSS类，它的作用是为图片容器创建边框和阴影效果。我们使用了`border`属性来创建黑色的2像素实线边框，使用了`box-shadow`属性来在图片容器周围创建一个10像素的灰色阴影。我们还将图片容器的`display`设置为`inline-block`，并将`padding`设置为5像素，以保证边框和阴影与图片之间有足够的空间。
接下来，我们使用了`.image-container img`选择器，来调整图片的大小，将其设置为与容器宽度相同。
最后，我们在HTML中创建了一个`
`容器，并将其中的`![]()
`标签的`src`属性设置为我们想要显示的图片的链接。这样，我们就可以在网页中看到一个带有边框和阴影效果的图片了！
以上就是本文所介绍的如何给图片加上CSS边框和阴影效果的方法。希望这篇文章能为大家提供一些帮助。如果您还有其他的问题或者建议，请在评论区留言。