在CSS中，顯示圖片的下半部分可以通過(guò)裁剪和調(diào)整圖片位置來(lái)實(shí)現(xiàn)，以下是一些示例代碼，可以幫助你實(shí)現(xiàn)這一功能：

1、裁剪圖片

CSS中的object-fit屬性可以用來(lái)裁剪圖片，使其適應(yīng)容器的大小，如果你想要顯示圖片的下半部分，可以將圖片裁剪為只顯示下半部分：

.image-container {
  width: 200px;
  height: 100px;
  object-fit: bottom;
}

2、調(diào)整圖片位置

通過(guò)調(diào)整圖片的位置，也可以實(shí)現(xiàn)顯示圖片下半部分的效果，可以將圖片放置在容器的底部：

.image-container {
  position: relative;
  width: 200px;
  height: 100px;
}
.image-container img {
  position: absolute;
  bottom: 0;
}

3、使用偽元素

CSS中的偽元素也可以用來(lái)顯示圖片的下半部分，可以使用::before或::after偽元素來(lái)覆蓋圖片的上半部分：

.image-container {
  position: relative;
  width: 200px;
  height: 100px;
}
.image-container::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 50px;
  background: #fff; /* 覆蓋圖片上半部分的顏色 */
}
.image-container img {
  position: relative;
}

通過(guò)以上方法，你可以實(shí)現(xiàn)CSS中顯示圖片下半部分的效果，希望對(duì)你有所幫助！