使用div创建的按钮的形状边框

<style>
  .button {
    width: 100px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #000;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
  }

  .circle-button {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #000;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
  }

  .custom-shape-button {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 40px solid #000;
    cursor: pointer;
  }
</style>

<div class="button">矩形按钮</div>
<div class="circle-button">圆形按钮</div>
<div class="custom-shape-button">自定义形状按钮</div>