<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> .a1{ display:inline-block; width:72px; height:27px; line-height:27px; background:url(bluebtn.jpg) no-repeat; text-align:center; border:none; color:#fff; font-size:12px; outline:none;}//chromefirefoxie9 .a1:hover{ color:red; text-decoration:none;} .layer01,.layer02{ margin:10px;} </style> </head> <body> <div class="layer01"> <a href="#" class="a1" hidefocus='true'>添加图片1</a> /*针对ie6,ie7*/ </div> <div class="layer02"> <input type="button" value="添加图片2" hidefocus='true' class="a1"/> </div> </body> </html>