CSS Clip 属性
CSS Clip 属性用于裁剪元素的显示区域，它可以让元素只显示被指定的区域。它是一个非常有用的属性，可以用来创建各种有趣的效果。
.element {
clip: rect(10px, 20px, 30px, 40px);
}
上面的代码中，clip 属性使用 rect() 函数指定了元素的裁剪区域，rect() 函数的参数分别是：
- 第一个参数：裁剪区域距离元素顶部的距离；
- 第二个参数：裁剪区域距离元素右侧的距离；
- 第三个参数：裁剪区域距离元素底部的距离；
- 第四个参数：裁剪区域距离元素左侧的距离。
clip 属性还支持 auto 值，它会自动计算裁剪区域，使得元素只显示其实际内容。
.element {
clip: auto;
}
clip 属性还可以使用百分比值来指定裁剪区域，这样可以让元素在不同的屏幕尺寸上呈现一致的裁剪效果。
.element {
clip: rect(10%, 20%, 30%, 40%);
}
CSS Clip 属性可以让元素只显示被指定的区域，可以用来创建各种有趣的视觉效果，是一个非常有用的属性。