css 怎么让图片不完全显示

在网页设计中，有时我们需要让图片显示的比例不完整，而是根据特定的大小或比例来显示。这时就需要用到CSS的裁剪功能。

CSS中的裁剪属性为clip，可以通过设置其值来控制图片的显示范围。例如，我们想要显示一张400*300的图片，但只需要显示其中的上半部分，就可以这样设置：

img {
  clip: rect(0px,400px,150px,0px);
}

上面的代码中，rect()函数的四个参数分别表示top、right、bottom、left的距离。其中，top和left都设置为0px，即图片左上角的位置，right和bottom分别设置为图片宽度和需要显示的高度。

如果想要显示图片的中间部分，可以这样设置：

img {
  clip: rect(75px,325px,225px,75px);
}

上面的代码中，top和bottom分别设置为图片高度的1/4和3/4的位置，left和right分别设置为图片宽度的1/4和3/4的位置。

需要注意的是，clip属性只对position属性值为absolute或fixed的元素有效。如果要对img标签以外的元素进行裁剪，需要设置其position属性为absolute或fixed。

通过设置clip属性，我们可以根据需要裁剪图片，达到更灵活的显示效果。