Day20作业

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>京东-欢迎登录</title>
<link rel="icon" type="image/icon" href="img/jd_logo.ico"/>
<style type="text/css">
*{margin: 0;padding: 0;}
#div1{float: inline-block;position: fixed;left: 150px;}
#div2{float: inline-block;position: fixed;left: 350px;top: 20px;}
#div3{float:inline-block;position: fixed;top:50px;right: 200px;font-size: 12px;}
#div4{width: 300px;height: 300px;background-color: white;position: relative;left: 850px;top: 50px;}

    </style>
</head>
<body>
    <div id="" style="width: 100%;height: 70px;background-color: white;">
        <div id="div1">
        <img src="img/logo.png"/>
        </div>
    
        <div id="div2">
            <font style="font-size: 25px;height: 20px;">欢迎登录</font>
        </div>
    
        <div id="div3">
            <img src="img/q-icon.png"/>
            <a href="https://surveys.jd.com/index.php?r=survey/index/sid/568245/lang/zh-Hans">登录页面,调查问卷</a>
        </div>
    </div>
    
    
    
    
    
    <div id="" style="width: 100%;background-color: wheat;font-size: 12px;padding: 8px;" >
        <p align="center"><img src="img/xx.png"/>
        <font>依据《网络安全法》,为保障您的账户安全和正常使用,请尽快完成手机号验证! 新版 <a href="https://about.jd.com/privacy/">《京东隐私政策》</a>
            已上线,将更有利于保护您的个人隐私。</font></p>
        
    </div>
    
    
    
    <div id="" style="background:url(./img/bg.png) no-repeat 100% 100%;height: 475px;">
        <div id="div4">
            <font>账号</font>
        
            
            <input type="text" name="" id="" value="" />
        </div>
    </div>
    
    <div id="">
        
    </div>
    <div id="">
        
    </div>
</body>

</html>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,846评论 1 92
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,879评论 1 45
  • 一、div和span区别 块元素与内联元素区别 块元素又称块级元素(block element)和其对应的是内联元...
    辽A丶孙悟空阅读 2,980评论 7 43
  • 本文是针对刚学编程的小白,都是一些基础知识,如果想了解更多深层一点的东西,欢迎移步本人博客!! 博客地址 点击跳转...
    西巴撸阅读 561评论 0 0
  • 这趟回家的第一件事就是去看老岳母。她没办法起身,像以前一样去给我下面条。前段时间她病倒了。岳母年轻时和我妈是...
    下里巴任阅读 363评论 5 7