css中建立一个框放图片

<div class="box">
  <img src="example.jpg" alt="示例图片">
</div>

.box {
  width: 200px;
  height: 200px;
  border: 1px solid #ccc;
  overflow: hidden;
}
.box img {
  display: block;
  width: 100%;
  height: auto;
} 

在这个示例代码中，我们使用了一个

<div class="box2"></div>

.box2 {
  width: 200px;
  height: 200px;
  border: 1px solid #ccc;
  background-image: url(example.jpg);
  background-size: cover;
}