前端day03

最新推荐文章于 2024-08-06 22:11:54 发布

MRZ17

最新推荐文章于 2024-08-06 22:11:54 发布

阅读量121

点赞数

本文链接：https://blog.csdn.net/MRZ17/article/details/100575358

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>百度</title>
    <style>
        body{
            height:100%;
            width:100%;

        }
        a{
            color: #000000;
        }
        button{
            background:#3388ff;
        }

        #part1{
            text-align:right;margin-top: 20px
        }

        #part2{
            background:white;
            text-align: center;
            margin-top: 70px;
        }
        #box{
            width: 536px;
            margin: 30px auto;
            font-family: 'Microsoft YaHei';
            font-size: 14px;
        }
        input{
            width: 380px;
            border: 1px solid #e2e2e2;
            height: 30px;
            float: left;
            background-repeat: no-repeat;
            background-size: 25px;
            background-position:5px center;
            padding:0 0 0 40px;
        }
        #search{
            width: 78px;
            height: 32px;
            float: right;
            background: blue;
            color: white;
            text-align: center;
            line-height: 32px;
            cursor: pointer;}
        #box2{
            width: 536px;
            text-align: center;
            margin-top: 50px;
        }
        #part3{
            text-align:center;
            font-size: 10px;
            }



    </style>
</head>
<body>

<div id="part1">
    <a  href="#" >新闻</a> &nbsp; &nbsp;
    <a  href="#"> hao123</a>&nbsp; &nbsp;
    <a  href="#"> 地图</a>&nbsp; &nbsp;
    <a  href="#"> 视频</a>&nbsp; &nbsp;
    <a  href="#"> 贴吧</a>&nbsp; &nbsp;
    <a  href="#"> 学术</a>&nbsp; &nbsp;
    <a  href="#"> 登录</a>&nbsp; &nbsp;
    <a  href="#"> 设置</a>&nbsp; &nbsp;
    <button >更多产品</button>&nbsp; &nbsp;
</div>

<div id="part2" >
    <img src="baidu.jpg" alt="" width="350px" height="150px">


</div>
<div id="box">
    <input type="text" name="search" >
    <img src="cre.jpg" alt="">
    <div id="search">搜索</div>
    <div id="box2"><img src="erweima.jpg" alt="">
    <p>下载百度APP <br>
有事搜一搜 没事看一看</p></div>
    <div id="part3">
        <a href="">把百度设为主页</a>&nbsp; &nbsp;
        <a href="">关于百度</a>&nbsp; &nbsp;
        <a href="">About  Baidu</a>&nbsp; &nbsp;
        <a href="">百度推广</a>&nbsp; &nbsp;<br><br><br>
        ©2019 Baidu 使用百度前必读 意见反馈 京ICP证030173号  京公网安备11000002000001号
    </div>
    </div>
</body>
</html>

MRZ17

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端day03

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>百度</title> <style> body{ height:100%; width:...
复制链接

扫一扫