css怎么让边框再图像内 |css 折叠面板

首先，大家需要将box-sizing属性设置为border-box，这样让边框的大小包括在元素的总宽度和高度中，而不是增加元素的大小。

box-sizing: border-box;

接着，大家可以为元素添加一个边框，它会被自动嵌入元素的内部，而不会使元素扩大。

border: 2px solid #000;

现在，当大家将一张图片放置在这个元素中时，它的大小将自适应边框的大小。

下面是完整的CSS样式：

.image-container {
width: 300px;
height: 200px;
padding: 10px;
box-sizing: border-box;
border: 2px solid #000;
}