首先创建一个txt文件，修改后缀名：把.txt改为.html，用记事本打开添加如下代码：打开浏览器，这是一个没有添加样式的button，外观不美观，而且在不同的浏览器下显示的外观是不一样的，所以我们要添加统一的样式。
让客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户，将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，公司提供的服务项目有：域名注册、虚拟空间、营销软件、网站建设、和平网站维护、网站推广。
准备多组CSS，比如：.button1{ /*style1*/ } .button2{ /*style2*/ } 在用JavaScript修改Button的class，把button1改成button2，就实现了指向的CSS样式改变。
样式还是在这里写，只不过点击得用js添加这个样式到按钮上，css没有对点击提供类似hover的支持；这种问题可以称作“超链接的响应颜色变化”。实现的方法可以有很多种。举一种常用的方法，在head（头部里)用css样式表进行声明。
1、一般有三种方法：Button标签直接使用CSS定义样式，优点是立体感、有按下状态，缺点是样式单各浏览器下显示效果不一致。a标签+背景图片+滑动门技术，优点是可实现多种视觉效果，缺点是采用滑动门技术会导致背景图片过大。
2、新建一个html文件，命名为test.html，用于讲解。在test.html文件中，使用button标签创建一个按钮。在test.html文件中，设置button标签的class属性为mybtn。
3、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的style标签中，输入css代码：button {background-color： #00a7d0}button：hover {background-color： #ff7701}。
4、首先创建一个txt文件，修改后缀名：把.txt改为.html，用记事本打开添加如下代码：打开浏览器，这是一个没有添加样式的button，外观不美观，而且在不同的浏览器下显示的外观是不一样的，所以我们要添加统一的样式。
5、需要准备的材料分别有：电脑、浏览器、html编辑器。首先，打开html编辑器，新建html文件，例如：index.html。
6、貌似你写的有问题吧，不用写type=button这句，因为本来就是button标签。
设置一个长度与宽度，使用到的CSS代码。经过给它设置长度与宽度后，变成了下图所示，相比与没有任何样式，它会好出很多。接下来，可以去掉它自带默认的边框，将它边框设置为0PX，观察一下效果。
css设置按钮样式的方法：定义一个css选择器，然后在按钮标签中使用此选择器即可设置按钮样式。使用：hover伪类选择器可以设置按钮 交互时样式。
首先创建一个txt文件，修改后缀名：把.txt改为.html，用记事本打开添加如下代码：打开浏览器，这是一个没有添加样式的button，外观不美观，而且在不同的浏览器下显示的外观是不一样的，所以我们要添加统一的样式。
在index.html中的标签中，输入css代码：button {border：0；width： 200px；height： 80px；background-color： gainsboro； cursor： not-allowed} 浏览器运行index.html页面，此时通过css实现了按钮的禁用样式。
首先创建一个txt文件，修改后缀名：把.txt改为.html，用记事本打开添加如下代码：打开浏览器，这是一个没有添加样式的button，外观不美观，而且在不同的浏览器下显示的外观是不一样的，所以我们要添加统一的样式。
设置一个长度与宽度，使用到的CSS代码。经过给它设置长度与宽度后，变成了下图所示，相比与没有任何样式，它会好出很多。接下来，可以去掉它自带默认的边框，将它边框设置为0PX，观察一下效果。
创建css文件 1 点击“文件”---“新建”，在弹出的窗体中选择“空白页”---“CSS”，然后点击“创建”按钮。2 点击“文件”---“保存”，在文件名中输入“style”，然后点击“保存”，样式表文件创建成功。
按你这样写，是将所有的 a 都设置了这些样式。
非IE6浏览器，可以使用input：hover的伪类来控制样式，但IE6浏览器只能用JS来实现了，需要设定两个状态，然后用JS切换类。
