初始学习记录 基于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. mysql报Fatal error encountered during command execution的解决办法

    连接字符串里加上 Allow User Variables=True 解决. 否则时不时的报错,存储过程名长一点也报错,又有时报有时不报,参数传1位数就正常2位数就报错等…… 折腾mysql蛋疼啊

  2. js 超级玛丽(未完成)

    <!doctype html> <html> <head> <meta charset="utf-8"> <title> ...

  3. Python第三方库（模块）"scikit learn"以及其他库的安装

    scikit-learn是一个用于机器学习的 Python 模块. 其主页:http://scikit-learn.org/stable/. GitHub地址: https://github.com/ ...

  4. Android之Activity生命周期简介

    概述 有图有真相,所以先上图: 上图是从Android官网截下的Activity的生命周期流程图,结构非常清晰,它描述了Activity在其生命周期中所有可能发生的情况以及发生的先后顺序,下面就将结合 ...

  5. WinPcap编程（二）

    0. 这一次具体讲抓包的两种方法. (建议)清除ARP表,最好自己写个批处理命令.快一点. 1.0 抓包步骤 步骤很简单:先打开适配器列表 --> 选择适配器 --> 通过遍历链表的方式到 ...

  6. 多线程+fork 引发的bug查找

    1. 问题描述 某个server SA是一个多线程服务器,主线程会调用fork,再exec生成工作进程SB. 实际上,SA的主线程fork出了一个子线程,但没有执行exec. # ps ajxf | ...

  7. Remember the Word

    uvalive3942:https://icpcarchive.ecs.baylor.edu/index.php?option=com_onlinejudge&Itemid=8&pag ...

  8. BZOJ1596: [Usaco2008 Jan]电话网络

    1596: [Usaco2008 Jan]电话网络 Time Limit: 10 Sec  Memory Limit: 162 MBSubmit: 513  Solved: 232[Submit][S ...

  9. -_-#【Angular】工具函数

    AngularJS学习笔记 上下文绑定 var f = angular.bind({a: 'xx'}, function() { console.log(this.a) }) f() // 'xx' ...

  10. 【动态规划】XMU 1030 苦恼的月下老人

    题目链接: http://acm.xmu.edu.cn/JudgeOnline/problem.php?id=1030 题目大意: 给定两个字符串的长度和内容,求最长公共子序列. 题目思路: [动态规 ...