CSS中可以使用object-fit屬性來(lái)控制圖片的尺寸和形狀，從而實(shí)現(xiàn)將圖片展示一半的效果。

具體步驟如下：

1、在HTML中插入圖片，并給圖片一個(gè)容器，

<div class="image-container">
  <img src="your-image-url" alt="Your Image">
</div>

2、在CSS中設(shè)置object-fit屬性為cover，這將使圖片始終覆蓋其容器，無(wú)論容器的尺寸如何變化。

.image-container {
  width: 300px; /* 你可以根據(jù)需要設(shè)置容器的寬度 */
  height: 200px; /* 你可以根據(jù)需要設(shè)置容器的高度 */
}
.image-container img {
  object-fit: cover; /* 圖片將始終覆蓋容器 */
}

3、由于圖片將始終覆蓋容器，因此只需設(shè)置容器的一半高度和寬度，即可實(shí)現(xiàn)將圖片展示一半的效果。

.image-container {
  width: 300px; /* 你可以根據(jù)需要設(shè)置容器的寬度 */
  height: 100px; /* 只需設(shè)置容器的一半高度 */
}

通過(guò)以上步驟，你可以使用CSS將圖片展示一半。