点击查看效果：

  1. <!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
  5. <title>logo:图片显示，文字链接</title>  
  6. </head>  
  7. <style type="text/css">  
  8. #top{height:45px; padding-top:25px; padding-bottom:7px;}  
  9. #topleft{width:290px; height:50px;float:left;background:url(http://www.amboedu.com/templets/sxp_w_picpaths/logo_gif.gif) no-repeat center left; margin-left:10px;}  
  10. #topleft h1{font-size:12px;font-weight:normal;margin:0;padding:0;}  
  11. #topleft h1 a{display:block;float:left;width:290px;height:50px;text-indent:-5000px;}  
  12. </style>  
  13. <body>  
  14. <div id="top">  
  15.     <div id="topleft"><h1><a href="http://www.amboedu.com/" title="安博教育中程在线">安博教育中程在线</a></h1></div>  
  16. </div>  
  17.       
  18. </body>  
  19. </html>  

点击查看效果：