css截取图片的正方形

你可以使用CSS中的裁剪属性（`clip`）来截取图片的正方形。具体步骤如下：

1. 首先，设置图片的宽度和高度相等，这样图片就会呈现出正方形的形状。

img {
  width: 200px;
  height: 200px;
}

2. 然后，使用`clip`属性来裁剪图片。`clip`属性接受四个参数，分别是裁剪区域的左上角坐标和右下角坐标。我们可以将左上角坐标设置为`(0, 0)`，右下角坐标设置为`(200px, 200px)`，这样就可以裁剪出正方形了。

img {
  width: 200px;
  height: 200px;
  clip: rect(0px, 200px, 200px, 0px);
}

完整的代码如下：

<img src="your-image-src" alt="your-image-description">

img {
  width: 200px;
  height: 200px;
  clip: rect(0px, 200px, 200px, 0px);
}

请将`your-image-src`替换为你自己的图片路径，`your-image-description`替换为你自己的图片描述。