button样式需要注意的有几点：
1、建议有一个最小宽度，以免在文字很少时使得按钮过于窄，宽高不协调；
2、建议有一个padding，以免内部文本显得过于拥挤；
2、hover时需要有颜色变化，以告诉用户这是一个可交互元素，更为灵动；
3、获得焦点时应与hover时的效果一致，释放焦点时则回到普通效果。
4、获得焦点时的outline建议去掉，否则较为难看。
普通状态样式设置：.btn{
min-width: 60px
padding: 5px 8px
background: #fff
color: #4daff9
border: 1px solid #4daff9
}
交互状态(hover、focus)样式设置：.btn:hover{
color: #fff
background: #0a90f5
}
.btn:focus{
color: #fff
background: #0a90f5
outline: none
}
1、首先创建一个txt文件，修改后缀名：把.txt改为.html，用记事本打开添加如下代码：打开浏览器，这是一个没有添加样式的button，外观不美观，而且在不同的浏览器下显示的外观是不一样的，所以我们要添加统一的样式。
2、按钮样式比较多，这样写让代码不整洁，可阅读性差，就要用style标签。
3、<style type="text/css"></style>样式表。style标签里面表示的是一个样式表，我们所有的样式都可以写到标签中去。这段代码的意思是：凡是button标签都使用这个样式。
4、把 样式表中的 button{}改成了.ui_button{}，然后在button标签里面加了class属性，这样做的意思是，这个button标签使用了名字为ui_button的样式。
5、通过javascript动态修改样式，为了避免用户多次点击提交按钮重复提交信息，在用户点击提交按钮之后，禁用按钮，并设置按钮字体的颜色为灰色。
6、修改样式的其他方法：obj.style.cssText = "color:#E1E1E1background-color:black"cssText可以写多个样式样式属性。
7、修改样式的其他方法：obj.setAttribute("class", "style2")直接更改按钮标签的class属性，把指向名为ui_button的样式改为指向名为style2的样式。
8、修改样式的其他方法：<link href="css1.css" rel="stylesheet" type="text/css" id="css"/>obj.setAttribute("href","css2.css")修改引用外部的样式表文件，这样就可以对整个页面的样式进行全部更新。
a:active 是鼠标点击时；
a:visited是访问过后的情况；
样式还是在这里写，只不过点击得用js添加这个样式到按钮上，css没有对点击提供类似hover的支持；
这种问题可以称作“超链接的响应颜色变化”。实现的方法可以有很多种。举一种常用的方法，在head（头部里)用css样式表进行声明。
<!------代码如下---->
<style (type="text/css")>
a:link{
color:black <!--未点击的超链接显示黑色--->
a:hover{
color:purple<!----当鼠标指向超链接时变成紫色----->
a:visited{
color:red <!----当超链接被访问过后变成红色----->
</style>
如果楼主是老版本的浏览器，可能还需要先声明括号中第一行代码中的，type=“text/css”。
html5的话，就不用带上这句代码了。PS:超链接的响应还有其他2种，一共五种，这里只列出了3种较为常用的。
![C语言二位数组a[1]表示什么](/aiimages/C%E8%AF%AD%E8%A8%80%E4%BA%8C%E4%BD%8D%E6%95%B0%E7%BB%84a%5B1%5D%E8%A1%A8%E7%A4%BA%E4%BB%80%E4%B9%88.png)
