html改变button按钮位置

1、name : 表示按钮的名称，通常作为按钮标识进行使用。 <button name="btn">按钮</button>。

2、type : 表示按钮类型，通常与表单一起联用。reset : 重置按钮sumit : 提交按钮button : 普通按钮<button type="button">按钮</button>。

3、value : 表示按钮初始值，通常在js脚本中进行使用和修改。<button value ="点击">按钮</button>。

4、disabled ：表示禁用按钮，使按钮不能点击<button disabled ="disabled">按钮</button>。

设置按钮的父级元素为相对定位，设置按钮本身为绝对定位，利用定位控制按钮的位置！例如：

1、html的结构如下，设置按钮btn1和父级标签wrap

2、css样式如下：

.wrap设置为相对relative,  btn1设置为绝对absolute 以及控制他left的值和top的值

3、运行效果如下：

效果解读：

效果如下：

HTML button按钮的边框样式与颜色都是可以修改的，用基本的HTML语法难以设计出美轮美奂的按钮风格，透过CSS却可以很容易的办到，在本篇HTML button按钮边框样式与颜色的修改介绍中，我们将会用到CSS border属性其中的边框样式（border-style）以及边框颜色（border-color）来制做，当然按钮本身的宽度（width）与高度（height）也必须搭配使用，无论是button还是submit按钮都可以用这样的技巧，但不同的浏览器可能会有一点点小小的差异，这跟浏览器本身有关系，设计按钮的css效果时，通常要多用几个浏览器测试。

范例一、HTML button按钮边框样式与颜色

呈现结果

范例二延续范例一的程式码，增加了background-color 的属性，替按钮增加背景颜色，这里为了让范例比较简洁一点，所以背景颜色都是用粉红色（pink）呈现，你也可以自己修改为其他不同的背景颜色。