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

是通过CSS样式来实现的。可以通过设置div的样式属性来改变按钮的形状和边框样式。

形状：
- 矩形按钮：默认情况下，div元素是一个矩形，可以通过设置宽度、高度、边框半径等属性来调整按钮的形状。
- 圆形按钮：通过设置边框半径为50%可以将div元素变成一个圆形按钮。
- 自定义形状按钮：通过设置边框半径为不同的值，可以创建各种自定义形状的按钮，如椭圆形、三角形等。

边框样式：
- 实线边框：通过设置边框样式为solid，可以创建一个实线边框的按钮。
- 虚线边框：通过设置边框样式为dashed或dotted，可以创建一个虚线边框的按钮。
- 双线边框：通过设置边框样式为double，可以创建一个双线边框的按钮。
- 无边框：通过设置边框样式为none，可以创建一个没有边框的按钮。

示例代码如下：

<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>

以上代码演示了如何使用div创建不同形状和边框样式的按钮。你可以根据需要自定义样式属性来创建更多样式的按钮。

腾讯云相关产品和产品介绍链接地址：