web Day3

最新推荐文章于 2024-06-05 15:00:00 发布

.qmm

最新推荐文章于 2024-06-05 15:00:00 发布

阅读量122

点赞数

本文链接：https://blog.csdn.net/Qmmmmmmmmmm/article/details/100567180

版权

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>百度一下</title>
</head>

<style>
    #cnt {
        width: 100%;
        margin: 0 auto;
    }

    #part1 {
        position: absolute;
        left: 78%;
        width:100%;
        top: 15px;

    }

    #part1 > a {
        color: black;
        font-size: 12px;
    }

    #part2 {
        padding: 12% 30%;
        margin: 0 auto;
        text-align: center;
    }

    #part6 {
        margin: 25px auto;
        width: 600px;
        height: 30px;
        border: 1px solid dimgray;
    }

    #part5 {
        line-height: 30px;
        margin: -1px 500px;
        width: 100px;
        height: 30px;
        color: #ffffff;
        background-color: dodgerblue;
        border: 1px solid dodgerblue;
    }

    #part3 {
        width: 500px;
        text-align: center;
        margin: 0 auto;

    }

    #part3>p {
        color: gray;
        font-size: 13px;
        line-height: 13px;
    }

    #part4 {
        padding-top: 10px;
        font-size: 15px;
        color: gray;
        line-height: 25px;
    }

    #part4>a {
        font-size: 10px;
        color: gray;
    }


</style>

<body>
<div id="cnt">
    <div id="part1">
        <a href="" style="font-weight: bold">新闻</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="" style="font-weight: bold">hao123</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="" style="font-weight: bold">地图</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="" style="font-weight: bold">视频</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="" style="font-weight: bold">贴吧</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="" style="font-weight: bold">学术</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="">登录</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="">设置</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    </div>
    <div id="part2">
        <img src="./02.png" alt="">
        <div id="part6">
            <div id="part5">百度一下</div>
        </div>
    </div>
    <div id="part3">
        <img src="./01.jpg" alt="">
        <br>
        下载百度APP<p>有事搜一搜  没事看一看</p>
        <div id="part4">
            <a href="">把百度设为主页</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="">关于百度</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="">About Baidu</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="">百度推广</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <br>
            ©2019 Baidu <a href="">使用百度前必读</a> <a href="">意见反馈</a> 京IPC证xxxxxx号
            <a href="">京公网安备1110002000001号</a>
        </div>
    </div>
</div>

</body>
</html>