css+html实现模拟百度首页（附代码）

本篇文章给大家带来的内容是关于css+htML实现模拟百度首页（附代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

代码如下：

!DOCTYPE html>
    html lang="en">
    head>
        meta charset="UTF-8">
        tITle>
    Title/title>
        style>
        #biaoqian{
                   float: right;
                               margin: 10px;
                       }
        #d2,#d3,#d4,#d5,#d6,#d7,#d8,#d9{
                        margin: 5px;
                    }
        #title{
                        padding-left: 200px;
                 }
        .inputw{
                       height: 32px;
                          line-height: 30px;
                  }
        #pic{
                         margin-top: 180px;
                          padding-left: 380px;
                  }
        #and{
                        margin: 30px;
                         margin-top: 30px;
                 }
        #a1 {
                        padding-left:340px ;
                        margin-top: 40px;
                 }
        #erweima{
                        margin-top: 200px;
                         padding-left: 500px;
                 }
        /style>
        /head>
        body>
        div id="biaoqian">
        a href="2.mp4" id="d2">
    新闻/a>
        a href="2.mp4" id="d3">
    hao123/a>
        a href="2.mp4" id="d4">
    地图/a>
        a href="2.mp4" id="d5">
    视频/a>
        a href="2.mp4" id="d6">
    贴吧/a>
        a href="2.mp4" id="d7">
    学术/a>
        a href="2.mp4" id="d8">
    登录/a>
        a href="2.mp4" id="d9">
    设置/a>
        /div>
        div id="and">
        img src="timg_看图王.jpg" id="pic" width="250"height="108">
        form>
        div id="title">
        input class="inputw" name="aa" type="text" size="70" >
        input class="inputw" type="button" name="aa" onclick="helloword" value="百度一下">
    br>
        /div>
        /form>
        /div>
        div id="erweima">
        img src="百度二维码.png">
        /div>
        div id="a1">
        a href="2.mp4">
    把百度设为首页/a>
        a href="2.mp4">
    关于百度/a>
        a href="2.mp4">
    ABOUT BaiDU/a>
        a href="2.mp4">
    百度推广/a>
        /div>
        /body>
        /html>
    

运行结果：

相关推荐：

php curl 模拟登录百度首页

css使用relative模仿百度首页top

以上就是css+html实现模拟百度首页（附代码）的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！