关于CSS控制图片按钮状态

来源:百度知道 编辑:UC知道 时间:2024/05/26 18:45:03
我有两个按钮图片一个是正常状态下的图片按钮另外一个我是用PS弄了下陷效果的按钮,我想求助一下我用CSS如何控制HOVER状态下调取背景图片是下陷的按钮图片呢? 请给出一段示例代码。。。。分数可以追加

如果你只想用css来实现这个效果的话,那你只能用<a></a>标签了,利用它的hover属性来做这种效果;
举个例子;
<div class="btn"><a>按钮</a></div>
.btn a{background:url(图片1路径) no-repeat;width:图片宽度;height:图片高度;}
.btn a:hover{background:url(图片2路径) no-repeat;width:图片宽度;height:图片高度;}
又或者你也可以用JS来做,先做两个类,一个放正常的图片另一个放下陷的图片,然后使用onmousedown来调用这两个类

的一下