谁能帮我做一个静态页面啊

就做上面的头部 搜索框

解决方案 »

  1.   

     <style type="text/css">
            .container{
                    position:relative;
            }
            .search{
                    background-image:url(search.bmp);
                    position:absolute;
                    width:20px;
                    height:18px;
                    top:4px;
                    left:0px;
                    z-index:99;
            }
    </style>
    <body> <input type="text" value="aaa" class="sousuo"  /> 
    </body>
      

  2.   

    不是这样的  我要的是饿了么这个网站的黑色框这一块  我不怎么会写Css样式  求大神帮忙
      

  3.   

    其实做法很简单  网页上右键查看源代码 吧代码拷到自己的html文件  然后删掉不要的代码 ok了 帮你做了
    <!DOCTYPE html>
    <html lang="zh">
    <head>
      <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
      <script type="text/javascript">
        if(!window.localStorage)
          window.location.href="http://m.ele.me";
      </script>
      <title>广州市天河区百脑汇附近的外卖饭店、餐厅 – 叫外卖上ele.me</title>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="description" content="ele.me为你提供广州市天河百脑汇附近的海量美食信息，
          你可以直接在上面下单订餐，叫外卖还能赚积分，更有惊喜好礼等你拿哦！" />
    <meta name="mobile-agent" content="format=xhtml;url=http://m.ele.me/at/entry/bnh" />
        
    <link href="http://static10.elemecdn.com/css/public/forward_201304112335.css" type="text/css" rel="stylesheet" />
    <!--[if (gte IE 7)&( lte IE 9)]>
    <link href="http://static10.elemecdn.com/css/public/forward_iehack_201304112335.css" type="text/css" rel="stylesheet" />
    <![endif]-->
      <link rel="apple-touch-icon-precomposed" href="http://static10.elemecdn.com/apple-touch-icon.png?v=2" />
      <link rel="icon" href="/favicon.ico?v=2" type="image/x-icon" />
      <link rel="shortcut icon" href="/favicon.ico?v=2" type="image/x-icon" />  <!--[if lt IE 9]>
      <script src="http://static10.elemecdn.com/js/forward/lib/html5shiv.js"></script>
    <![endif]-->
    <script type="text/javascript" src="http://static10.elemecdn.com/js/forward/public/head_201304112335.js"></script></head><!--[if IE 8]><body class="lt-ie9 lt-ie10"><![endif]-->
    <!--[if IE 9]><body class="lt-ie10"><![endif]-->
    <!--[if gt IE 9]><!--> <body> <!--<![endif]-->      <link href="http://static10.elemecdn.com/css/forward/public/background.css?v=5" type="text/css" rel="stylesheet">
    <div id="background" style="background-position:1px -6006.1111111111px;background-color:#C0DEED;" class=" day ">
        <div id="sun"></div>
        <div id="moon"></div>    <div id="clouds">
            <div id="cloudGroup1">
                <img src="http://static10.elemecdn.com/images/forward/background/clouds.png" alt="" id="cloudPiece1" class="cloudPiece">
                <img src="http://static10.elemecdn.com/images/forward/background/clouds.png" alt="" id="cloudPiece2" class="cloudPiece">
                <img src="http://static10.elemecdn.com/images/forward/background/clouds.png" alt="" id="cloudPiece3" class="cloudPiece">
            </div>
            <div id="cloudGroup2">
                <img src="http://static10.elemecdn.com/images/forward/background/clouds.png" alt="" id="cloudPiece4" class="cloudPiece">
                <img src="http://static10.elemecdn.com/images/forward/background/clouds.png" alt="" id="cloudPiece5" class="cloudPiece">
                <img src="http://static10.elemecdn.com/images/forward/background/clouds.png" alt="" id="cloudPiece6" class="cloudPiece">
            </div>
            <div id="cloudGroup3">
                <img src="http://static10.elemecdn.com/images/forward/background/clouds.png" alt="" id="cloudPiece7" class="cloudPiece">
                <img src="http://static10.elemecdn.com/images/forward/background/clouds.png" alt="" id="cloudPiece8" class="cloudPiece">
            </div>
        </div>
        <div id="bg_stars">
            <div class="star_type_1_big">
                <div class="bg_star" id="star1_1"></div>
                <div class="bg_star" id="star1_2"></div>
                <div class="bg_star" id="star1_3"></div>
                <div class="bg_star" id="star1_4"></div>
            </div>
        </div>
    </div>
        <div class="full-content-wrapper">
                            <header class="navbar" data-dropdown="dropdown">
      <div class="container">      <a id="logo" href="/" title="饿了么">
                      <img src="http://static10.elemecdn.com/images/forward/logo.gif?v=new" />
                  </a>      <ul class="nav">
          <li ><a href="/profile/order" rel="nofollow">我的饿单</a></li>
          <li><span class="delimiter"></span></li>
          <li ><a href="/gift" rel="nofollow">礼品中心</a></li>
          <li><span class="delimiter"></span></li>
          <li ><a href="/feedback" rel="nofollow">反馈留言</a></li>
        </ul>    <div id="header-search-wrapper">
          <form class="navbar-search search-box" action="/search" method="get">
                      <i class="icon-search-header"></i>
              <input type="text" name="kw" class="" autocomplete="off" />
                  </form>
          <table id="topbar_search_result" class="hidden autocomplete"></table>
        </div>    <ul class="nav pull-right secondary-nav">
          <li><a id="topbar_cart" class="cart" rel="nofollow">美食篮子
                        <span id="topbar-cart-food-num">(空)</span>
                  </a></li>
          <li><span class="delimiter"></span></li>
                  <li><a href="/account/login" rel="nofollow">登录</a></li>
            <li><span class="delimiter"></span></li>
            <li><a href="/account/register" rel="nofollow">注册</a></li>
              </ul>
        </div>
    </header>     
    </body>
    </html>
      

  4.   

    可是没有Css样式啊  这样不行的
      

  5.   

    没看到他的css都是url全路径引用的吗你拷到自己的页面上试试就知道了当然你也可以把它css复制下来  然后本地引用
      

  6.   


    你也可以把css样式下载下来。