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 ...
随机推荐
- Django models通过DateTimeField保存到MySQL的时间的时区问题
最近开始使用Django开发一些系统,在models.py中设置一些数据库表结构并给日期时间字段赋初值,不过在使用的过程中,遇到一点问题.问题是,我本来服务器使用的市区是“Asia/Shanghai” ...
- Memcached源码分析——process_command函数解析
以下为个人笔记 /** * process_command 在memcached中是用来处理用户发送的命令的, * 包括get set,add,delete,replace,stats,flush_a ...
- GCC警告提示错误“cc1:all warnings being treated as errors”
http://blog.csdn.net/zhangjs0322/article/details/25131787
- haskell趣学指南笔记1
网址:http://learnyouahaskell.com/ 中文版:http://learnyouahaskell-zh-tw.csie.org/zh-cn/ready-begin.html 在 ...
- filter高级应用
Filter高级应用: Decorator模式 1)包装类需要和被包装对象 实现相同接口,或者继承相同父类 2)包装类需要持有 被包装对象的引用 在包装类中定义成员变量,通过包装类构造方法,传入 ...
- java实现DES加密与解密，md5加密
很多时候要对秘要进行持久化加密,此时的加密采用md5.采用对称加密的时候就采用DES方法了 import java.io.IOException; import java.security.Messa ...
- treap启发式合并
注意输入v要在建根的前面. #include <cstdio> #include <iostream> #include <algorithm> #include ...
- BZOJ1782: [Usaco2010 Feb]slowdown 慢慢游
1782: [Usaco2010 Feb]slowdown 慢慢游 Time Limit: 1 Sec Memory Limit: 64 MBSubmit: 541 Solved: 326[Sub ...
- BZOJ2718: [Violet 4]毕业旅行
2718: [Violet 4]毕业旅行 Time Limit: 10 Sec Memory Limit: 128 MBSubmit: 229 Solved: 126[Submit][Status ...
- Android子线程更新主界面
学习什么的还是要真正的有应用,有需求才能在最短的时间里面牢牢掌握一项技术. 今天就是这样的,产品一个需求下来,十万火急啊.然后之前只稍稍接触过,只能硬着头皮上了.最后牢牢地掌握了最简单的Handler ...