CSS3通过伪类选择器实现按钮的鼠标经过或点击效果主要有三种方法1 使用hover伪类选择器来改变按钮样式，调整颜色边框或阴影例如buttonhover backgroundcolor red 2 使用active伪类选择器来调整按钮在点击时的样式，如缩放透明度等例如buttonactive transform scale09。

为了去掉Button按钮在点击时出现的蓝色边框，可以采用CSS样式来实现只需在CSS样式表中添加特定的样式规则，代码如下button outline 上述CSS代码中，outline属性用于控制元素轮廓的外观，将其设置为即可去掉按钮在点击时出现的蓝色边框这种方法简单有效，适用于大部分现代浏览器需要注意。

以下代码是按钮处于正常的情况下的状态pm button color#fff backgroundcolor#6496c8 border效果图 2边框样式CSS按钮边框样式按钮与平面按钮属于同一类唯一的区别是，我们将使用边框来代替平面按钮所使用的背景颜色以下代码是按钮处于正常的情况下的状态pm button color#。

CSS设置按钮背景图片的方法 在CSS中，你可以使用`backgroundimage`属性为按钮设置背景图片以下是具体的步骤和解释一基本语法 在CSS中，为元素设置背景图片，可以使用以下代码css buttonclass backgroundimage url 其中，`buttonclass`是你想要设置背景图片的按钮的类名，`url`是图片。

用CSS代码设定按钮的圆角样式，这个在css3中才能实现，通过使用borderradius来实现这个效果，不过有浏览器的兼容性问题，moz例如 mozborderradius用于Firefoxwebkit例如webkitborderradius用于Safari和Chromeborderradius5px 15px 20px 25px它的意思就是上的圆角5px，右的圆角15。

代码 3创建style标签，然后创建一个class类为btn用于设置按钮样式，其中按钮的背景设置backgroundcolor#009F95！important代码 btn border1pxsolid#dddpadding5px8pxbackgroundcolor#009F95！important 4给按钮input标签添加class=quotbtnquot代码 5引入jquery库，然后新建一个scrip。

按钮1 按钮2 按钮3 在CSS文件`stylescss`中，通过类名 `button1``button2` 和 `button3` 来分别定义三个按钮的样式这样可以实现不同按钮的外观差异以下是CSS样式代码示例css * 全局CSS样式代码 * body fontfamily Arial， sansserif button1， button2， button3。

1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的标签中，输入css代码button backgroundcolor #00a7d0buttonhover backgroundcolor #ff77013浏览器运行indexhtml页面，此时显示出了蓝色背景颜色的按钮4将鼠标移入按钮，此时按钮的背景颜色变成了橙。