一个按钮 用css样式 让按钮显示成一个黑色正三角形

你可以使用CSS的伪元素`::before`和`::after`以及一些基本的布局属性来创建一个黑色正三角形按钮。下面是一个简单的示例：

<style>
.button {
  display: inline-block;
  width: 0; /* 控制按钮宽度 */
  height: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
}

/* 创建三角形 */
.button::before,
.button::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.button::before {
  border-width: 0 10px 10px 0;
  border-style: solid;
  border-color: transparent transparent black transparent;
}

.button::after {
  width: 0;
  height: 0;
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}
</style>

<button class="button">点击三角形</button>

在这个例子中，`.button` 类的元素会显示一个黑色的三角形，文字“点击三角形”会放在三角形内部。如果你希望三角形的位置或者其他细节有所改变，可以根据需要调整对应的CSS属性。