html+css画一个箭头按钮

你可以使用HTML和CSS来创建一个箭头按钮。以下是一个简单的示例：

HTML代码：

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

CSS代码：

.arrow-button {
  width: 40px;
  height: 40px;
  border: none;
  background-color: #000;
  position: relative;
}

.arrow-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 15px solid #fff;
}

.arrow-button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
}

在上面的代码中，我们创建了一个按钮元素，并为其添加了一个名为 "arrow-button" 的类。然后，在CSS中，我们使用伪元素(::before和::after)来创建箭头按钮的箭头部分。通过设置透明的边框来定义箭头的大小和形状，然后使用实线边框来定义箭头的颜色。通过调整按钮的背景颜色、大小和箭头的颜色，你可以根据需要自定义箭头按钮的样式。

希望这个示例能够满足你的需求！