页面布局-百度首页

最新推荐文章于 2021-06-21 16:59:37 发布

pc_20184

最新推荐文章于 2021-06-21 16:59:37 发布

阅读量676

点赞数

分类专栏：代码

本文链接：https://blog.csdn.net/pc_20184/article/details/47160923

版权

代码专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>淘宝</title>
    <style>
        .a{
            float: right;
            margin-left: 5px;
            padding: 3px;
            background-color: blue;
        }
        .c{ float: right;
            margin-left: 5px;

        }
        img{
            margin-left: 500px;
            height: 150px;
        }
        #k{
            margin-top: 0px;
            padding: 0px;
            height: 30px;
            width: 600px;
            margin-left: 350px;
         /*   margin-top: -5px;
            border: 1px double grey;*/
        }
        #s{ background-color: blue;
            margin-left: 0px;
            border:5px;
            padding: 0px;
            color:white ;
            height: 30px;
            width: 60px;

        }
        #e{
            color: blue;
            text-decoration: underline;
            text-align: center;
           /* height: 200px;*/
        }
        #z{
            text-align: center;
        }


    </style>
</head>
<body>
<div>
<!--
    <span class="c">新闻</span>
    <span class="c">hao123</span>
    <span class="c">地图</span>
    <div class="c">视频</div>
    <div class="c">贴吧</div>
    <div class="c">登陆</div>
    <div class="c">设置</div>-->
    <div class="a">更多产品</div>
    <div class="c">设置</div>
    <div class="c">登陆</div>
    <div class="c">贴吧</div>
    <div class="c">视频</div>
    <span class="c">地图</span>
    <span class="c">hao123</span>
    <span class="c">新闻</span>





    <!-- <div class="c">联系客服</div>
     <div class="c">网站导航</div>-->
</div>
<div>
    <p>
        <img src="3.png"/>
       <!-- <span class="b">宝宝</span>
        <span class="d">天猫</span>
        <span class="d">店铺</span>-->
        <!--<input type="text " id="k"/>
        <input type="button" value="搜索" id="s">-->
    </p>
    <p><input type="text " id="k"/>
        <input type="button" value="百度一下" id="s">
    </p>
</div>
<div id="e">
    <span>把百度设为主页</span>&nbsp;&nbsp;&nbsp;
    <span>关于百度</span>&nbsp;&nbsp;&nbsp;
    <span>About Baidu</span>
</div>
    <p id="z">&copy;2015 Baidu 使用百度前必读 意见反馈 京ICP证030173号</p>

</body>
</html>