仿bing

<!doctype html>
<html>
<head>
<link  rel="icon" href="logo.png" type="image/x-icon"/>
<meta name="怪默呀" charset="utf-8">
<title>仿 微软 Bing 搜索 - 国内版 </title>
<style>
     #bg-pho{
            position:fixed; 
            top: 0;left: 0;
            width:100%;height:100%;
            z-index:-10;
            background: url("FrederickSound.jpg");
            background-repeat: no-repeat;
            background-size: cover;
            }
     #toptext1{
            padding-left: 75px;
            font-size: 13px;}
     .td1{ 
            padding-top: 0px;
            padding-right: 36px;
            padding-left: 0px;}
     a{
            text-decoration: none;
            color: white;}
     #container{
            position: absolute;
            top:130px; left: 60px;}
     .logo{
            float: left;
            margin:-20px 10px 0 0; }
     form{
            background: white;
            float: left;}
     #search-input{
            outline:none;
            width:500px;height: 50px;
            line-height: 50px;
            float: left;}
     #search-button{
            width:40px;height: 30px;
            float: left;
            margin:10px;}
    #bottomtext1{
            position: absolute;
            bottom: 0px;left: 0px;
            background-color: grey;
            font-size: 13px;}
    .td2{
            padding-right: 36px;
            padding-left: 0px;}
    .td3{
            padding-right: 36px;
            padding-left: 0px;}
    </style>    
</head>
<body>
    <div id="toptext1" >
    <table>
        <tr>
         <td class="td1"><a href="https://cn.bing.com/images/trending?form=Z9LH" alt="图片">图片</a></td>
         <td class="td1"><a href="https://cn.bing.com/videos/trending?form=Z9LH1" alt="视频">视频</a></td>
         <td class="td1"><a href="https://cn.bing.com/academic/?FORM=Z9LH2" alt="学术">学术</a></td>
         <td class="td1"><a href="https://cn.bing.com/dict?FORM=Z9LH3" alt="词典">词典</a></td>
         <td class="td1"><a href="https://cn.bing.com/maps?FORM=Z9LH4" alt="学术">学术</a></td>
         <td class="td1"><a href="https://www.office.com/?WT.mc_id=O16_BingHP" alt="地图">地图</a></td>
         <td class="td1"><font color="white">|</font></td>
         <td class="td1"><a href="https://www.office.com/?WT.mc_id=O16_BingHP" alt="office">office</a></td>
         <td class="td1"><a href="https://outlook.live.com/owa/?WT.mc_id=O16_BingHP?mkt=zh-CN" alt="Outlook.com">Outlook.com</a></td>
        </tr>
    </table>
    </div>
    <div id="container">        
            <div class="logo">  <img src="345.png" alt="logoo" class="logo"> </div>
            <form action="https://cn.bing.com/search" target="_self" method="get">
                <input type="text" id="search-input" name="q" placeholder="" autofocus>
                <input type="image" id="search-button" src="serch.png" value="png" alt="put">
            </form>
    </div>
    <div id="bottomtext1">
        <table>
            <tr>
             <td class="td2"><font color="white">增值电信业务经营许可证:合字B2-20090007</font></td>
             <td class="td2"><font color="white">京ICP备10036305号</font></td>
             <td class="td2"><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802022657" alt="京公网安备">京公网安备11010802522657号</a></td></tr>
        </table>
        <table>
            <tr>
             <td class="td2"><a href="https://privacy.microsoft.com/zh-cn/privacystatement" alt="隐私声明和Cookie">隐私声明和Cookie</a></td>
             <td class="td3"><a href="http://go.microsoft.com/fwlink/?LinkID=246338" alt="法律声明">法律声明</a></td>
             <td class="td3"><a href="http://biying.westwin.com/" alt="广告">广告</a></td>
             <td class="td3"><a href=" http://go.microsoft.com/fwlink/?LinkID=275671&clcid=0x04" alt="报告">报告</a></td>
             <td class="td3"><a href="http://help.bing.microsoft.com/#apex/18/zh-CHS/10011/0" alt="帮助">帮助</a></td>
             <td class="td3"><a href="https://cn.bing.com/?mkt=zh-CN&FORM=BEHPTB#" alt="反馈">反馈</a></td></tr>
        </table></div>
    <div id="bg-pho"></div>
</body>
</html>

   转载规则


《仿bing》 怪默 采用 知识共享署名 4.0 国际许可协议 进行许可。
  目录