以下是HTML编辑设计美化按钮和CSS边框的常见代码：

HTML编辑设计美化按钮：

| 代码 | 功能 |
| — | — |
| `<button>` | 创建一个按钮 |
| `<input type="button">` | 创建一个按钮 |
| `<input type="submit">` | 创建一个提交按钮 |
| `<input type="reset">` | 创建一个重置按钮 |
| `<a>` | 创建一个链接按钮 |

CSS边框：

| 代码 | 功能 |
| — | — |
| `border` | 设置元素的边框 |
| `border-width` | 设置元素边框的宽度 |
| `border-style` | 设置元素边框的样式 |
| `border-color` | 设置元素边框的颜色 |
| `border-radius` | 设置元素边框的圆角 |
| `box-shadow` | 设置元素的阴影效果 |

以下是示例代码：

HTML编辑设计美化按钮：

“`html
<button>点击我</button>
<input type="button" value="按钮">
<input type="submit" value="提交">
<input type="reset" value="重置">
<a href="#">链接按钮</a>
“`

CSS边框：

“`css
/* 设置元素边框 */
border: 1px solid black;

/* 设置元素边框宽度 */
border-width: 2px;

/* 设置元素边框样式 */
border-style: dotted;

/* 设置元素边框颜色 */
border-color: red;

/* 设置元素边框圆角 */
border-radius: 5px;

/* 设置元素阴影效果 */
box-shadow: 2px 2px 5px grey;
“`