eBay的按钮,使用图片

<!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>
  <title>Beads - UK wholesale beads,buttons and jewelry making supplies-eezyco.co.uk</title>
  <style type="text/css">
 button { padding:0;margin:0;border:0;background:none;text-indent:inherit; }
 * html button { width:1%;overflow:visible;margin:0 5px 0 0; }
 button .btn { background:url(https://securepics.ebaystatic.com/aw/pics/buttons/btnViPrmry.gif);color:#fff;font-family:Arial;font-weight:bold;white-space:nowrap;cursor:pointer;display:block;height:24px;line-height:190%;padding:0 0 0 6px;vertical-align:middle; }
 button .btn .btn { padding:0 20px 0 14px; }
 .SIActBtn .btn { background:url(https://securepics.ebaystatic.com/aw/pics/viewitem/imgVIPrmryBtnLt.gif) no-repeat top left; }
 .SIActBtn .btn .btn { background:url(https://securepics.ebaystatic.com/aw/pics/buttons/btnViPrmry.gif) no-repeat right;background-position:100% 0; }
  </style>
</head>
<body>
<div>
 <button type="submit" tabindex="3" class="SIActBtn"><span class="btn"><span class="btn">Button</span></span></button>
</div>
</body>
</html>
posted @ 2008-04-21 20:36  angushine  阅读(164)  评论(0编辑  收藏  举报