原始问题：
以表格的形式详细展示html编辑设计美化按钮和css边框的常见代码（包括功能也罗列出来）
以下是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编辑设计美化按钮：
<button>点击我</button>
<input type="button" value="按钮">
<input type="submit" value="提交">
<input type="reset" value="重置">
<a href="#">链接按钮</a>CSS边框：
/* 设置元素边框 */
border: 1px solid black;
/* 设置元素边框宽度 */
border-width: 2px;
/* 设置元素边框样式 */
border-style: dotted;
/* 设置元素边框颜色 */
border-color: red;
/* 设置元素边框圆角 */
border-radius: 5px;
/* 设置元素阴影效果 */
box-shadow: 2px 2px 5px grey;
Prev：WriteLine行中的数字类型是