1、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：button {background-color： #00a7d0}button：hover {background-color： #ff7701}。
创新互联专注于企业全网营销推广、网站重做改版、武鸣网站定制设计、自适应品牌网站建设、H5高端网站建设、商城网站开发、集团公司官网建设、成都外贸网站建设公司、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为武鸣等各大城市提供网站开发制作服务。
2、启动dreamweaver，点击“站点”---“新建站点”2 在弹出的窗口中，站点名称为“漂亮按钮”，本地站点文件夹可以根据需要选择。点击“保存”按钮，站点创建成功。
3、汉堡按钮就是几个css动画，加上javascript的onclick事件的绑定，很简单的。我给你写了一个，你看看效果吧。这个用了css的媒体查询功能，电脑上看得时候要把浏览器窗口缩小才看得到效果。
4、.btn{border：1px #333 solid； text-align：center；padding：4px 10px； background：#009dd9；} 按钮： 注意class=btn这里就是引用上面写的btn样式。
5、新建一个页面，如下图。把checkbox藏起来，切换按钮主要用label实现。给label加上适当的css属性 给label加上before和after伪类。
1、打开WebContent文件。导入自己的css文件。创建自己的jsp文件。添加引用css文件的代码。
2、在jsp页面添加css样式的方法：和html加入的方式一样，在head标签之内，title标签之外写开闭标签，具体样式内容写到开闭标签之内。
3、内部样式 当单个文档需要特殊的样式时，就应该使用内部样式表。可以使用标签在文档头部定义内部样式表。
1、首先创建一个txt文件，修改后缀名：把.txt改为.html，用记事本打开添加如下代码：打开浏览器，这是一个没有添加样式的button，外观不美观，而且在不同的浏览器下显示的外观是不一样的，所以我们要添加统一的样式。
2、css 实现按钮样式使用背景色，鼠标放上去按钮背景色，不需要过渡效果的把transition 两句去掉。
3、接着在css标签内，通过class设置表格的样式，定义它的宽度为300px，高度为200px。在css标签内，通过td元素名称和“：hover”选择器定义当鼠标指向单元格时，改变单元格的背景颜色，设置为红色。
4、设置一个长度与宽度，使用到的CSS代码。经过给它设置长度与宽度后，变成了下图所示，相比与没有任何样式，它会好出很多。接下来，可以去掉它自带默认的边框，将它边框设置为0PX，观察一下效果。
5、focus，alink，hover，active都是伪类 ：active 向被激活的元素添加样式。：focus 向拥有键盘输入焦点的元素添加样式。：hover 当鼠标悬浮在元素上方时，向元素添加样式。：link 向未被访问的链接添加样式。
6、给你个例子，用onmousemove和nmouseout。具体css颜色等自己改一下。
css设置按钮样式的方法：定义一个css选择器，然后在按钮标签中使用此选择器即可设置按钮样式。使用：hover伪类选择器可以设置按钮 交互时样式。
首先创建一个txt文件，修改后缀名：把.txt改为.html，用记事本打开添加如下代码：打开浏览器，这是一个没有添加样式的button，外观不美观，而且在不同的浏览器下显示的外观是不一样的，所以我们要添加统一的样式。
按钮样式比较多，这样写让代码不整洁，可阅读性差，就要用style标签。样式表。style标签里面表示的是一个样式表，我们所有的样式都可以写到标签中去。这段代码的意思是：凡是button标签都使用这个样式。
ie6无法实现hover状态效果，本身IE6是不支持的，只能使用其他方式实现：csshover.htc可以实现，稍嫌麻烦。
修改相关的参数，可以达到爆炸效果 ！DOCTYPE html twitterLove 必须要把style写在内联，不然会变成椭圆。而且width与height要单独写出来 注意：1，每画一个图形都要提起笔。
CSS中的！important一般都是用来做hack的，后面缀上了！important的css语句，让浏览器首选执行这个语句。因为css有继承的样式，加上！importanrt可以覆盖父级的样式。
新建一个html代码页面。创建一个input按钮标签，然后给这个按钮添加一个changeBg()的点击事件。
important一般都是用于对低版本的除了iE 6 ，用来做hack的，后面缀上了！important的css语句，让浏览器首选执行这个语句，因为css有继承的样式，加上！importanrt可以覆盖父级的样式。
首选包含！important的样式直接覆盖了正常生成的样式规则，然后如果解析到后面还有！important规则时，再和以前的important规则比较优先级。
这个属性可以让浏览器优选执行这个语句，加上！importanrt可以覆盖父级的样式。
1、设置一个长度与宽度，使用到的CSS代码。经过给它设置长度与宽度后，变成了下图所示，相比与没有任何样式，它会好出很多。接下来，可以去掉它自带默认的边框，将它边框设置为0PX，观察一下效果。
2、css设置按钮样式的方法：定义一个css选择器，然后在按钮标签中使用此选择器即可设置按钮样式。使用：hover伪类选择器可以设置按钮 交互时样式。
3、a：active 是鼠标点击时；a：visited是访问过后的情况；样式还是在这里写，只不过点击得用js添加这个样式到按钮上，css没有对点击提供类似hover的支持；这种问题可以称作“超链接的响应颜色变化”。实现的方法可以有很多种。