初始学习记录 基于http://www.htmleaf.com/html5/html5muban/20141121552.html模板

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>标题</title>

    <style>

button

{

        background: #686868;

        border: 30px solid #c6c6c6; /*solid边框30px*/

        border-radius: 80%;/*圆角边框*/

        cursor: pointer; /*光标样式*/

        width: 85px;

        height: 85px;

        position: absolute;/*位置*/

        right:900px;

        top: 200px;

    }

button:hover

{

    background: #c6c6c6;

    border-color:#686868 ;

}

</style></head>

<body><div><button type="submit"></body>
<!DOCTYPE html><html class=''>

<head><meta charset='UTF-8'><title>登录界面</title>

    <style>*

    /*内外边距*/

    {

        margin:0px;

        padding:0px;

    }

    /*body*/

    body{

        background:url('245.jpg');

        position:relative;

        padding:150px;

        font-family:verdana;

    }

    /*登录窗口主体*/

    #loginform

    {

        width:210px;

        height:auto;

        position:relative;

        margin:0 auto;

    }

    input

    {

        display:block;

        margin:0px auto 15px;

        border-radius:5px;

        background: #c6c6c6;

        width:85%;

        padding:12px 20px 12px 10px;

        border: none;

        color:#686868;

        box-shdow:inset 0px 1px 5px #000000;

        font-size:0.85em;

    }

    button

    {

        background: #c6c6c6;

        border-radius:80%;

        border:30px solid #686868;

        cursor:pointer;

        width: 85px;

        height:85px;

        position:absolute;

        right: -42px;

        top:54px;

    }

    button:hover

    {

        background: #686868;

        border-color:#c6c6c6;

    }

    h1

    {

        text-align:center;

        color:#c6c6c6;

        font-size:15px;

        padding:10px 0px;

    }

    /*注册和忘记密码效果设置*/

    #note

    {

        color:#88887a;

        font-size: 0.8em;

        text-align:left;

        padding-left:5px;

    }

    a

    {

        color:#88887a;

        text-decoration:none;

    }

    a:hover

    {

        color:#39F;

        margin-left:1px;

    }

    /*登录窗口主体背景*/

    #mainlogin

    {

        float:center;

        width:250px;

        height:170px;

        padding:15px 15px;

        position:relative;

        background:#686868;

        border-radius:7px;

        opacity:0.9;

    }

    </style></head><body>

<div id="loginform">

    <div id="mainlogin">

        <h1>欢迎登录</h1>

        <form action="">

            <input type="text" placeholder="邮箱/手机/账户" value="" required>

            <input type="password" placeholder="输入密码" value="" required>

            <button type="submit"  required></button>

        </form>

        <div id="note"><a href="">注册</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a  href="">忘记密码</a></div>

        </div>

        </div>

</body></html>
 
 
 
 
 

sunny day的更多相关文章

  1. Sunny谈软件架构

    软件架构是软件工程一个很重要的分支,随着软件规模的扩大和软件寿命的延长,软件架构也越发重要.就像建筑领域,盖一个狗窝不需要进行分析与设计,但是如果是要盖一座万人体育场或者摩天大楼,那一定会离不开设计师 ...

  2. ZOJ 1584：Sunny Cup 2003 - Preliminary Round（最小生成树&amp;&amp;prim）

    Sunny Cup 2003 - Preliminary Round April 20th, 12:00 - 17:00 Problem E: QS Network In the planet w-5 ...

  3. 树莓派 CSI摄像头 No data received from sensor. Check all connections, including the Sunny one on the camera board

    不知道为什么摄像头在包里放了两天旧坏了,中间完全没用过摄像头的功能,查了资料,原因大概有两种 1)sunny烧了 2)试摄像头传感器坏了 这两天没有插拔过摄像头,可能是树莓派漏电了,也可能是它被压坏了 ...

  4. sunny图表——NABCD分析

    项目 内容 这个作业属于哪个课程 2021春季计算机学院软件工程(罗杰 任健) 这个作业的要求在哪里 团队选题 我在这个课程的目标是 初步获得软件工程师的能力 这个作业在哪个具体方面帮助我实现目标 选 ...

  5. sunny 内网穿透使用。

    启动方法:

  6. 【番外篇】ASP.NET MVC快速入门之免费jQuery控件库（MVC5+EF6）

    目录 [第一篇]ASP.NET MVC快速入门之数据库操作(MVC5+EF6) [第二篇]ASP.NET MVC快速入门之数据注解(MVC5+EF6) [第三篇]ASP.NET MVC快速入门之安全策 ...

  7. 一文搞懂HMM（隐马尔可夫模型）

    什么是熵(Entropy) 简单来说,熵是表示物质系统状态的一种度量,用它老表征系统的无序程度.熵越大,系统越无序,意味着系统结构和运动的不确定和无规则:反之,,熵越小,系统越有序,意味着具有确定和有 ...

  8. fir.im Weekly - iOS / Android 动态化更新方案盘点

    动态化更新是 App 开发必然面对的问题.在 iOS 环境下,Apple 开发者们像是" 带着手铐脚镣跳舞" ,相比之下 Android 开发者会轻松一点,有很多相关的开源框架帮助 ...

  9. iOS开发的知名大牛博客小汇

    王巍的博客:王巍目前在日本横滨任职于LINE.工作内容主要进行Unity3D开发,8小时之外经常进行iOS/Mac开发.他的陈列柜中已有多款应用,其中番茄工作法工具非常棒.http://onevcat ...

随机推荐

  1. angularJS学习笔记二

    angularJS四个特性 1.MVC <!doctype html> <html ng-app> <head> <meta charset="ut ...

  2. PHP错误报告级别及调整方法

    运行PHP脚本时,PHP解析器会尽其所能能报告它遇到的问题.在PHP中错误报告的处理行为,都是通过PHP的配置文件php.ini中有关的配置指令确定的.另外PHP的错误报告有很多种级别,可以根据不同的 ...

  3. iOS Block 用法 (1)-once again

    Block简介: Block的实际行为和Function很像,最大的差别是在可以存取同一个Scope的变量值.Block实体形式如下: ^(传入参数列){行为主体}; Block实体开头是“^”,接着 ...

  4. Spring中使用log4j随笔

    web.xml中的配置: <!--由Sprng载入的log4j配置文件位置--> <context-param> <param-name>log4jConfigLo ...

  5. 主流屏幕对比：IPS/LTPS/CGS/IGZO/AMOLED

    IPS.LTPS.CGS.IGZO.AMOLED都是什么屏幕又有什么区别?目前的手机屏幕技术实在太多,本文旨在介绍各种面板以及屏幕技术,便于大家更好地进行区分. 近年来手机屏幕技术层出不穷,早在几年前 ...

  6. C++编程中对缓冲区的理解（OS默认4096大小的缓冲区，有例子，很形象）

    什么是缓冲区缓冲区又称为缓存,它是内存空间的一部分.也就是说,在内存空间中预留了一定的存储空间,这些存储空间用来缓冲输入或输出的数据,这部分预留的空间就叫做缓冲区.缓冲区根据其对应的是输入设备还是输出 ...

  7. WebSocket 支持的浏览器

    http://caniuse.com/#feat=websockets

  8. MyBatis（3）：SQL映射

    前面学习了config.xml,下面就要进入MyBatis的核心SQL映射了,第一篇文章的时候,student.xml里面是这么写的: 1 2 3 4 5 6 7 8 9 10 11 <?xml ...

  9. linux if 判断字符串是否相等

    在命令行中修改时间: 如果linux系统时间等于2017-09-09,则ok:否则将当前系统时间修改为2017-09-09 var=`date '+%Y-%m-%d'`;if [ "$var ...

  10. SKEffectNode类

    继承自 SKNode:UIResponder:NSObject 符合 NSCoding(SKNode)NSCopying(SKNode)NSObject(NSObject) 框架  /System/L ...