css中怎么实现根据图片来的不规则按钮

要在 CSS 中实现根据图片创建不规则按钮，你可以使用图片作为按钮的背景，并使用 CSS 的 `border-radius` 属性来定义按钮的形状。以下是一常见的实现方法：

HTML 代码：

<button class="custom-button"></button>

CSS 代码：

.custom-button {
  background-image: url("path/to/image.png");
  background-size: cover;
  width: 200px;
  height: 50px;
  border: none;
  border-radius: 50% / 10%;
}

在上述代码中，我们首先创建了一个 `<button>` 元素，并为其添加了一个自定义的类名 `.custom-button`。

然后，我们通过设置 `background-image` 属性来指定按钮的背景图像。你需要将 `"path/to/image.png"` 替换为你自己的图片路径。

接下来，我们使用 `background-size: cover;` 来确保背景图像覆盖整个按钮，以填充按钮的大小。

通过设置 `width` 和 `height` 属性，你可以调整按钮的大小。根据你的需求，可以根据图片的实际大小来设置合适的尺寸。

最后，我们去掉了按钮的边框（`border: none;`），并使用 `border-radius` 属性来定义按钮的形状。通过设置 `border-radius` 的水平和垂直半径来实现不规则的按钮形状。在示例中，我们将水平半径设置为按钮宽度的 10%，从而创建了一个圆形按钮。

根据你的需求，你可以调整按钮的样式和尺寸，并根据图片的形状来设置适当的 `border-radius` 值，以实现不同形状的不规则按钮。