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 ...
随机推荐
- jQuery实现checkbox全选反选及删除等操作
1.list.html 说明:用checkbox数组Check[]存放每一行的ID值 <div id="con"> <table width="100% ...
- html a标签
<a> 标签定义超链接,用于从一张页面链接到另一张页面. <a> 元素最重要的属性是 href 属性,它指示链接的目标. 在所有浏览器中,链接的默认外观是: 未被访问的链接带有 ...
- powerpoint2015如何调整PPT立体图形
在powerpoint2016中,可以添加图片来丰富演说,但通常人们只会懂得插入平面图片.动态图片,立体图片就无法插入了吗?不是的,在powerpoint2016为我们准备了大量的预设,可以调整图片, ...
- python设计模式之装饰器模式
装饰器模式 装饰器模式(Decorator Pattern)允许向一个现有的对象添加新的功能,同时又不改变其结构.这种类型的设计模式属于结构型模式,它是作为现有的类的一个包装. 这种模式创建了一个装饰 ...
- bzoj2534: Uva10829L-gap字符串
Description 有一种形如uvu形式的字符串,其中u是非空字符串,且V的长度正好为L,那么称这个字符串为L-Gap字符串 给出一个字符串S,以及一个正整数L,问S中有多少个L-Gap子串. I ...
- XCode7打包上传报错
在XCode7上传应用时,上传失败遇到两个错误,提示如下: ERROR ITMS-90535: "Unexpected CFBundleExecutable Key. The bundl ...
- IOS学习：常用第三方库（GDataXMLNode：xml解析库）
IOS学习:常用第三方库(GDataXMLNode:xml解析库) 解析 XML 通常有两种方式,DOM 和 SAX: DOM解析XML时,读入整个XML文档并构建一个驻留内存的树结构(节点树),通过 ...
- android 休眠唤醒机制分析(三) — suspend
本文转自:http://blog.csdn.net/g_salamander/article/details/7988340 前面我们分析了休眠的第一个阶段即浅度休眠,现在我们继续看休眠的第二个阶段 ...
- 转：Eclipse Kepler已支持Java 8
文章来自于:http://www.infoq.com/cn/news/2014/04/eclipse-kepler-support-java8 期待已久的Java 8已于2014年3月19日正式发布, ...
- 14.4.5 System Tablespace 系统表空间
14.4.5 System Tablespace 系统表空间 InnoDB 系统表空间包含InnoDB 数据目录(元数据 用于InnoDB相关对象)和是存储区域用于doublewrite buffer ...