百度的搜索的css样式

木有银 2011-06-23

展开全文

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=GB2312">
  <title>百度一下，你就知道</title>
  <style>
   body {
    font: 12px arial;
    text-align: center;
    background: #fff
   }

   body,form {
    margin: 0;
    padding: 0
   }

   body,form,#fm {
    position: relative
   }

#m {
    width: 680px;
    margin: 0 auto
   }

   .btn {
    font-size: 14px
   }

   #fm {
    padding-left: 90px;
    text-align: left
   }

   #kw {
    width: 404px;
    height: 22px;
    padding: 4px 7px;
    padding: 6px 7px 2px\9;
    font: 16px arial;
    background: url(http://www.baidu.com/img/i2.png) no-repeat;
    _background-attachment: fixed;
    border: 1px solid #cdcdcd;
    border-color: #9a9a9a #cdcdcd #cdcdcd #9a9a9a;
    vertical-align: top
   }

   .btn {
    width: 95px;
    height: 32px;
    padding: 0;
    padding-top: 2px\9;
    border: 0;
    background: #ddd url(http://www.baidu.com/img/i2.png) 0 -35px;
    cursor: pointer
   }

   .btn_h {
    background-position: -100px -35px
   }

   #kw,.btn_wr {
    margin: 0 5px 0 0
   }

   .btn_wr {
    width: 97px;
    height: 34px;
    display: inline-block;
    background: url(http://www.baidu.com/img/i2.png) no-repeat -202px bottom;
    _padding-top: 1px; *
    position: relative
   }
  </style>
</head>
<body>
  <div id="m">
   <div id="fm">
    <form name="f" action="/s">
     <input autocomplete="off" name="wd" id="kw" maxlength="100"
      type="text">
     <span class="btn_wr"><input value="浏览..." id="su" class="btn"
       onmousedown="this.className='btn btn_h'"
       onmouseout="this.className='btn'" type="submit"> </span>
     <div style="display: none;" id="sd_1308808830560"></div>
    </form>
   </div>
  </div>
</body>
</html>