如何设置给不同尺寸的图片设置同一个图片边框并使其按尺寸显示

要实现给不同尺寸的图片设置同一个图片边框并使其按尺寸显示，可以采用以下步骤：

1. 在 CSS 样式表中定义一个公共的图片边框类，例如：

.img-border {
  border: 2px solid #000;
  box-sizing: border-box;
}

2. 在 HTML 中插入不同尺寸的图片，并为它们添加该边框类，例如：

<img src="path/to/image1.jpg" class="img-border">
<img src="path/to/image2.jpg" class="img-border">
<img src="path/to/image3.jpg" class="img-border">

3. 使用 CSS 的 `object-fit` 属性来控制图片的尺寸显示，例如：

.img-border {
  border: 2px solid #000;
  box-sizing: border-box;
  width: 200px; /* 设置图片宽度 */
  height: 200px; /* 设置图片高度 */
  object-fit: cover; /* 等比缩放图片以填充容器 */
}

这样，不同尺寸的图片都会被添加同一个图片边框，并按照设置的尺寸显示。如果需要控制图片的缩放方式，可以使用 `object-fit` 属性来实现。