背景图片定位下, 就可以
如果需要看到鼠标移动到控件上的动态效果 可以根据 :hover 伪标签
或者是 div动态class标签来实现 修改背景样式
<!DOCTYPE> <html xmlns="http://www. <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>_bccn_</title> <style type="text/css"> *{ margin: 0; font-size: 14px; } input{ border: none; color: #fff; background-color: #567; } input:hover{ font-size: 3em; background-color: #abc; } </style> </head> <body> <div class="bccn"> <input type="button" value="靠过来"/> </div> </body> </html>