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 mobile listview列表属性(搜索自动填充检索效果)
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name ...
- · HTML使用Viewport
· HTML使用ViewportViewport可以加速页面的渲染,请使用以下代码<meta name=”viewport” content=”width=device-width, initi ...
- Day2 数据类型
1.数字:int(整型) 32位机器:-2**31~2**31-1 64位机器:-2**63~2**63-1 float(浮点型) 2.布尔值 真或假 1或0 bool(0) 3.字符串 name = ...
- jquery 获取选中的文字.当前光标所在的位置等jquery-fieldselection 插件
写词典在线编辑器用到的一个功能 能获取选中的文字.当前的光标的位置 等位置,而且支持多个文本框一起操作 非常方便 git地址:https://github.com/localhost/jquery-f ...
- 简单对比Spark和Storm
2013年参与开发了一个类似storm的自研系统, 2014年使用过spark 4个多月,对这两个系统都有一些了解. 下面是我关于这两个系统的简单对比: Spark: 1. 基于数据并行,https: ...
- mongodb教程
http://sheperd.blog.163.com/blog/static/19525511920119111149046/ http://www.cnblogs.com/oec2003/arch ...
- Linux环境下使用图形化界面的SVN客户端软件-RabbitVCS
如果想在Linux环境下使用图形化界面的SVN客户端软件,那么RabbitVCS绝对是首选,可以媲美Windows环境下用的TortoiseSVN,甚至连操作都基本一样,所以强烈推荐给各位童鞋. Ra ...
- Java实现八皇后
实验题目 回溯法实现8皇后问题 实验要求 a.掌握递归回溯算法的基本思想. b.学习掌握应用面向对象通用回溯程序框架解决实际问题. 提高面向对象编程的技能. 作业描述:在8*8格的棋盘上放置 ...
- Linux下遍历目录及文件，更改权限
Linux下遍历目录及文件,更改权限 引言: 我在Linux下搭建android时,将eclipse及sdk复制到/usr/下时,总会出现无法读,无法写写样的问题. 解决方案: 有两个方案: 一.将复 ...
- java中Object相关的几个方法
protected Object clone()创建并返回此对象的一个副本. String toString()返回该对象的字符串表示. boolean equals(Object obj)指 ...