Web应用技术实践 day03

最新推荐文章于 2024-06-16 21:35:26 发布

Impancy

最新推荐文章于 2024-06-16 21:35:26 发布

阅读量108

点赞数

本文链接：https://blog.csdn.net/Impancy/article/details/100569512

版权

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>baidu</title>
    <style>
        #cnt {
            width: 100%;
            margin: auto;
        }

        #dhl {
            text-align: right;
            padding: 10px;
            font-size: 14px;

        }
        #dhl > a {
            color: black;
        }
        #dhl > span {
            width: 20px;
            height: 20px;
            background-color: blue;
            color: white;
        }

        #logo {
            padding: 7% 30%;
            margin: auto;
            text-align: center;
        }
        #p1 {
            width:500px;
            height: 30px;
            margin: 25px auto;
            border: 1px solid dimgray;
        }
        #p2 {
            width: 100px;
            height: 30px;
            margin: -1px 420px;
            color: #ffffff;
            line-height: 30px;
            background-color: dodgerblue;
            border: 1px solid dodgerblue;
        }
        #p3 {
            width: 500px;
            text-align: center;
            margin: 0 auto;
        }
        #p3 > p {
            font-size: 13px;
            color: gray;
            line-height: 13px;
        }
        #p4 {
            padding-top: 10px;
            font-size: 10px;
            color: gray;
            line-height: 25px;
        }
        #p4 > a {
            font-size: 10px;
            color: gray;
        }

    </style>
</head>
<body>
<div id="cnt">
    <div id="dhl">
        <a href="">新闻</a>&nbsp;&nbsp;&nbsp;
        <a href="">hao123</a>&nbsp;&nbsp;&nbsp;
        <a href="">地图</a>&nbsp;&nbsp;&nbsp;
        <a href="">视频</a>&nbsp;&nbsp;&nbsp;
        <a href="">贴吧</a>&nbsp;&nbsp;&nbsp;
        <a href="">学术</a>&nbsp;&nbsp;&nbsp;
        <a href="">登录</a>&nbsp;&nbsp;&nbsp;
        <a href="">设置</a>&nbsp;&nbsp;&nbsp;
        <span>更多产品</span>
    </div>
    <div id="logo" >
        <img src="1.png" alt="">
        <div id="p1">
            <div id="p2">百度一下</div>
        </div>
    </div>
    <div id="p3">
        <img src="2.jpg" alt="">
        <br>
        下载百度APP<p>有事搜一搜   没事看一看</p>
        <div id="p4">
            <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> 京ICP证030173号
            <a href="">京公网安备11000002000001号</a>
        </div>
    </div>
</div>
</body>
</html>`

Impancy

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Web应用技术实践 day03

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>baidu</title> <style> #cnt { width: 100%; m...
复制链接

扫一扫