CSS如何设置按钮背景图片

html-css027

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标签来代替吧