一个简单地百度页面

最新推荐文章于 2024-06-14 07:44:22 发布

几何zzz

最新推荐文章于 2024-06-14 07:44:22 发布

阅读量124

点赞数

文章标签： html css

本文链接：https://blog.csdn.net/weixin_57345200/article/details/117537715

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>baidu</title>
<link rel="stylesheet" type="text/css" href="css/baidu.css" />

<style>

         .nav a{            
             line-height: 30px;
             padding: 5px 9px;
             font-size: 13px;
             color: black;
             float:left;
             text-decoration: none;
     }
       .middle{
          text-align: center;
           position: relative;
       }
       
       
       img{
           height: 150px;
           width: 300px;
           margin-top: 113px;
           margin-right: 400px;
           cursor: pointer;
       }
       .reserch{
           position: relative;
           width: 656px;
           position: absolute;
           left: 50%;
           top: -50px;
           transform: translate(-50%);
           padding-top: 100px;
           font-size: 0px;
           position: relative;

       }
       .text{
           float: left;
           width: 512px;
           height: 16px;
           padding: 12px 16px;
           border-radius: 10px 0 0 10px;
           font-size: 16px;
           border: 2px solid #c4c7ce;
           background-color: #fff;          
       }
       .button{
           float:left;
           width: 105px;
           height: 45px;
           margin: -1px;           
           font-size: 17px;
           border-radius: 0 10px 10px 0;
           background-color: #3385ff;          
           font-weight: 400;
           color: white;
           border: none;
       }
       .footer{
           margin-top: 300px;
           text-align: center;
       }
       .footer a{             
             line-height: 60px;
             padding: 0px 9px;
             color:#999;
             font-size: 13px;             
             background-color: #fafafa;
             text-decoration: none;
            
       }
       </style>
</head> 
<body>
     <div class="nav">
                <a href="http://news.baidu.com/">新闻</a>
                <a href="https://www.hao123.com/">hao123</a> 
                <a href="https://map.baidu.com/">地图</a> 
                <a href="#">直播</a>
                <a href="http://v.baidu.com/">视频</a>
                <a href="https://tieba.baidu.com/index">贴吧</a>
                <a href="http://xueshu.baidu.com/">学术</a>
                <a href="https://www.baidu.com/more/">更多</a>
         </div>    
        <div class="middle">
                <a href="https://www.baidu.com/"><img src="logo.png" /> </a>
            </div>       
        
        <div class="reserch">
            <input class="text" type="text">
            <input class="button" type="button"   value="百度一下">
        </div>
        </div>
    <div class="footer">
                       
                <a href="#">设为首页</a>
                <a href="#">关于百度</a>
                <a href="#">About Baidu</a>
                <a href="#">使用百度前必读</a>
                <a href="#">意见反馈</a>
                <a href="#">帮助中心</a>
                <a href="#">京公网安备11000002000001号</a>
                <a href="#">京ICP证030173号</a> 
                <a href="#">2021 Baidu</a>             
                <a href="#"> (京)-经营性-2017-0020</a>   
                <a href="#">信息网络传播视听节目许可证 0110516</a>                       
        </div> 
</body>
</html>

几何zzz

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
一个简单地百度页面

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ba.
复制链接

扫一扫