我想用css控制按钮背景图片，
因为对这方面刚接触，
搜寻网络上的方法后，以下方式能让我从外部透过button id控制按钮反应，
但是有一个缺点就是所有按钮都变成同一个背景，
如果我希望每个按钮不同背景必须怎么做修改呢？
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
html {overflow:hidden}
body {background:#FFFFFF;}
button
{background-image:url(图片.png);
border:0; margin: 5px; font-family:'Calibri';
min-width:130px; height: 130px;}
button:hover {background: #068FBD};
</style>
</head>
<body>
<button id='foo'>Button 1</button><br>
<button id='bar'>Button 2</button>
<button id='man'>Button 3</button>
</body>
</html>