CSS如何设置按钮背景图片

html-css040

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

CSS设置按钮背景图片

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

网页效果图如下：

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

实现的效果网页如下：

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

<!DOCTYPE html>

<html>

<head>

<style>

#btn{background:red}

#btn:hover{background:blue}

</style>

</head>

<body>

<input id="btn" type="button"/>

</body>

</html>

经验证是可以的，或许是你的图片路径不对，不过ie6不支持伪类：hover属性，所以如果要兼容ie6就用js或者，用a标签来代替吧