sunny day
初始学习记录 基于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> <a href="">忘记密码</a></div>
</div>
</div>
</body></html>
sunny day的更多相关文章
- Sunny谈软件架构
软件架构是软件工程一个很重要的分支,随着软件规模的扩大和软件寿命的延长,软件架构也越发重要.就像建筑领域,盖一个狗窝不需要进行分析与设计,但是如果是要盖一座万人体育场或者摩天大楼,那一定会离不开设计师 ...
- ZOJ 1584：Sunny Cup 2003 - Preliminary Round（最小生成树&&prim）
Sunny Cup 2003 - Preliminary Round April 20th, 12:00 - 17:00 Problem E: QS Network In the planet w-5 ...
- 树莓派 CSI摄像头 No data received from sensor. Check all connections, including the Sunny one on the camera board
不知道为什么摄像头在包里放了两天旧坏了,中间完全没用过摄像头的功能,查了资料,原因大概有两种 1)sunny烧了 2)试摄像头传感器坏了 这两天没有插拔过摄像头,可能是树莓派漏电了,也可能是它被压坏了 ...
- sunny图表——NABCD分析
项目 内容 这个作业属于哪个课程 2021春季计算机学院软件工程(罗杰 任健) 这个作业的要求在哪里 团队选题 我在这个课程的目标是 初步获得软件工程师的能力 这个作业在哪个具体方面帮助我实现目标 选 ...
- sunny 内网穿透使用。
启动方法:
- 【番外篇】ASP.NET MVC快速入门之免费jQuery控件库（MVC5+EF6）
目录 [第一篇]ASP.NET MVC快速入门之数据库操作(MVC5+EF6) [第二篇]ASP.NET MVC快速入门之数据注解(MVC5+EF6) [第三篇]ASP.NET MVC快速入门之安全策 ...
- 一文搞懂HMM（隐马尔可夫模型）
什么是熵(Entropy) 简单来说,熵是表示物质系统状态的一种度量,用它老表征系统的无序程度.熵越大,系统越无序,意味着系统结构和运动的不确定和无规则:反之,,熵越小,系统越有序,意味着具有确定和有 ...
- fir.im Weekly - iOS / Android 动态化更新方案盘点
动态化更新是 App 开发必然面对的问题.在 iOS 环境下,Apple 开发者们像是" 带着手铐脚镣跳舞" ,相比之下 Android 开发者会轻松一点,有很多相关的开源框架帮助 ...
- iOS开发的知名大牛博客小汇
王巍的博客:王巍目前在日本横滨任职于LINE.工作内容主要进行Unity3D开发,8小时之外经常进行iOS/Mac开发.他的陈列柜中已有多款应用,其中番茄工作法工具非常棒.http://onevcat ...
随机推荐
- 15 3Sum(寻找三个数之和为指定数的集合Medium)
题目意思:给一个乱序数组,在里面寻找三个数之和为0的所有情况,这些情况不能重复,增序排列 思路:前面2sum,我用的是map,自然那道题map比双指针效率高,这道题需要先排序,再给三个指针,i.j.k ...
- PHP程序异常处理实现方法
一个异常(Exception)则是在一个程序执行过程中出现一个例外或是一个事件,它中断了指令的运行,跳转到其他程序模块继续执行.所以异常处理经常被当作程序的控制流程使用.无论是错误还是异常,应用程序都 ...
- python运维开发之第四天
一.装饰器 1.器:代表函数,装饰器本质是函数,(装饰器他函数) 2.功能:为其他函数添加附加功能 3.原则: (1)不能修改被装饰函数的源代码 (2)不能修改被装饰函数的调用方式 4.实现装饰器知识 ...
- HTML&CSS基础学习笔记1.29-灵活地使用样式
灵活的使用样式 使用样式的感觉很棒吧! 刚我们使用的内联样式是给具体的标签加上样式,如果有多个标签的时候,我们用内联样式给标签加样式的时候就需要一个个的加过来,这样就很麻烦. 而如果我们使用内部样式表 ...
- sort对二维字符数组排序（转）
由于二维字符数组的第二维没有赋值运算符,即不能对整个一维数组进行赋值,因此是无法直接对二维数组用sort进行排序的,解决办法有二种: 代码一: #include <iostream> #i ...
- B题（覆盖问题）
B - B Time Limit:1000MS Memory Limit:262144KB 64bit IO Format:%I64d & %I64u Desc ...
- bzoj2066: [Poi2004]Gra
Description 让我们考虑一个在m x 1 的板子上玩的游戏,板子被从1 到 m编号. 现在板子上有n 个棋子, 每个都严格占据板子上的一个格子. 没有一个棋子占据格子m. 每个单独的移动遵循 ...
- Solr4.8.0源码分析(5)之查询流程分析总述
Solr4.8.0源码分析(5)之查询流程分析总述 前面已经写到,solr查询是通过http发送命令,solr servlet接受并进行处理.所以solr的查询流程从SolrDispatchsFilt ...
- 多线程Two-Phase Termination Pattern两阶段终止模式
一 Two-Phase Termination Pattern Two-Phase Termination Pattern,指的就是当希望结束一个线程的时候,送出一个终止请求,但是不会马上停止,做一些 ...
- HDU 1083 Courses（最大匹配模版题）
题目大意: 一共有N个学生跟P门课程,一个学生可以任意选一 门或多门课,问是否达成: 1.每个学生选的都是不同的课(即不能有两个学生选同一门课) 2.每门课都有一个代表(即P门课都被成功选过 ...