CSS如何设置按钮背景图片

html-css022

CSS如何设置按钮背景图片,第1张

CSS设置按钮背景图片

1、找一款编辑软件,打开后新建一个按钮(这里用DW)

网页效果图如下:

2、选择一张给按钮添加的背景图片,然后从css里设置一下:如下图所示

实现的效果网页如下:

边框属性用: border:1px solid #颜色即可;

如果你只想用css来实现这个效果的话,那你只能用<a></a>标签了,利用它的hover属性来做这种效果;

举个例子;

<div class="btn"><a>按钮</a></div>

.btn a{background:url(图片1路径) no-repeatwidth:图片宽度height:图片高度}

.btn a:hover{background:url(图片2路径) no-repeatwidth:图片宽度height:图片高度}

又或者你也可以用JS来做,先做两个类,一个放正常的图片另一个放下陷的图片,然后使用onmousedown来调用这两个类