登陆界面

 

界面展示：

 

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>电子邮件登录</title><link href="style.css" type="text/css" rel="stylesheet"></head><body><div class="heading"><div class="heading_middle"><img src="login_logo.png"/><a href="#">帮助</a></div></div><div class="content"><div class="content_main"><div class="loginbox"><div class="boxhead"><img src="boxhead.png"/></div><div class="boxbody"><div class="boxbody_main">用户登录<table><tr><td><input type="text" placeholder="用户名"></td></tr><tr><td><input type="text" placeholder="密码"></td></tr></table><font>学生选择@stu.swpu.edu.cn</font><a href="#">忘记密码</a><br/><input type="submit" value="登 录" id="login"></div></div></div></div><div class="content_bottom"><br/><font>西南石油大学</font></div></div></body>
</html>htmlhtml
*{margin: 0px;padding: 0px;
}.heading{width: 100%;background-color: #f5f5f5;height: 76px;
}.heading_middle{width: 964px;margin: 0px auto;
}.heading_middle img{padding-top: 10px;
}.heading_middle a{float: right;padding-top: 20px;
}a link,a hover{text-decoration: none;
}.content{width: 964px;height: 534px;margin-top: 10px;margin-left: auto;margin-right: auto;
}.content_main{width: 100%;height: 460px;background-image: url("loginBg.jpg");
}.loginbox{height: 344px;width: 376px;position: absolute;right: 525px;top: 135px;left: auto;background-color: white;
}.content_bottom{width: 100%;height: 74px;background-color: #f5f5f5;text-align: center;
}.boxbody{height: 299px;width: 100%;
}
.boxbody_main{width: 80%;height: 80%;margin: 20px auto;
}.boxbody_main table{width: 100%;height: 100px;
}.boxbody_main table td{padding-top: 15px;padding-bottom: 15px;
}.boxbody_main table input{width: 100%;height: 30px;font-size: 20px;border-radius: 5px;
}.boxbody_main font{color: red;font-size: 14px;
}
.boxbody_main a{position: relative;left: 55px;
}
a:visited,a:link{text-decoration: none;color: darkgray;
}
a:hover{color: black;text-decoration:underline;
}#login{font-size: 18px;float: right;margin-top: 20px;width: 142px;height: 38px;color: #fff;background-image: url(login_btn.jpg);border-radius: 5px;
}.content_bottom{color: #999;font-size: 14px;
}csscss

 

转载于:https://www.cnblogs.com/lr1402585172/p/10607730.html

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/384248.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

C语言实现双向链表删除、插入、双向输出

C语言实现双向链表删除、插入、双向输出

http://www.cnblogs.com/dyllove98/archive/2013/07/31/3228857.html #include<cstdio> #include<cstdlib> typedef struct DoubleLinkedList {int data;struct DoubleLinkedList *pre;struct DoubleLinkedList *next; }DlinkedList_Node; //建立链表 DlinkedList_…
阅读更多...
servlet概述

servlet概述

一、什么是Servlet呢&#xff1f; servlet 是由sun公司提供的动态web资源开发技术&#xff0c;本质上就是一段Java程序&#xff0c;这段java程序无法独立运行&#xff0c;必须放在Servlet容器&#xff08;比如&#xff1a;tomcat服务器&#xff09;中运行&#xff0c;由容器调用…
阅读更多...
运用递归将两个链表进行连接

运用递归将两个链表进行连接

http://blog.csdn.net/zjut_ym/article/details/45008259 建立2个数据项按从大到小排列的链表&#xff0c;实现2个链表的合并&#xff0c;并输出合并后链表的数据项。 函数代码如下 #include<iostream> using namespace std; struct node{int data;node *next; }; node …
阅读更多...
C++ 类的深拷贝与浅拷贝||深拷贝通过重载拷贝构造函数与重载赋值运算符实现

C++ 类的深拷贝与浅拷贝||深拷贝通过重载拷贝构造函数与重载赋值运算符实现

http://blog.csdn.net/wangshihui512/article/details/9842225 在面向对象程序设计中&#xff0c;对象间的相互拷贝和赋值是经常进行的操作。 如果对象在申明的同时马上进行的初始化操作&#xff0c;则称之为拷贝运算。例如&#xff1a; class1 A("Time"); class1…
阅读更多...
C++ 类的const成员函数

C++ 类的const成员函数

http://blog.csdn.net/wangshihui512/article/details/9823739 我们定义的类的成员函数中&#xff0c;常常有一些成员函数不改变类的数据成员&#xff0c;也就是说&#xff0c;这些函数是"只读"函数&#xff0c;而有一些函数要修改类数据成员的值。如果把不改变数据…
阅读更多...
用servlet校验密码2

用servlet校验密码2

js //创建Ajax对象&#xff0c;不同浏览器有不同的创建方法&#xff0c;其实本函数就是一个简单的new语句而已。 function createXMLHttpRequest() {var XMLHttpRequest1;if (window.XMLHttpRequest) {XMLHttpRequest_test new XMLHttpRequest();} else if (window.ActiveXOb…
阅读更多...
【笔试】：编程实现C++string 类成员函数

【笔试】：编程实现C++string 类成员函数

http://blog.csdn.net/wangshihui512/article/details/9792309 已知String类声明如下&#xff1a; [cpp] view plaincopy print?class String { public: String(const char *str NULL); // 通用构造函数 String(const String &another); // 拷贝…
阅读更多...
Qt中字符串之间的转换

Qt中字符串之间的转换

//QString -> C string -> char * str.ToStdString().data(); //先转换为C的标准编码//QString -> QByteArray QString buf "123456"; QByteArray a buf.toUtf8();//中文 a buf.toLocal8Bit(); //转换为本地编码 //QByteArray -> char * char *b …
阅读更多...
（C语言版）栈和队列（一）——实现链式栈和链式队列的基本操作以及遇到的问题

（C语言版）栈和队列（一）——实现链式栈和链式队列的基本操作以及遇到的问题

http://blog.csdn.net/fisherwan/article/details/20055179 首先要感谢这位大牛的一篇博客&#xff0c;地址如下&#xff1a;http://blog.csdn.net/hguisu/article/details/7674195 当然还有网上一些其他的资料&#xff0c;今天自己写了一下链式栈和链式队列的程序。其中在释放…
阅读更多...
Cookie的使用

Cookie的使用

ookie简介 1. 定义 cookie是由服务器发送给客户端&#xff08;浏览器&#xff09;的小量信息。 2. 作用 cookie是键值对形式存储的少量信息&#xff0c;那它有什么作用呢&#xff1f; 我们知道&#xff0c;平时上网时都是使用无状态的HTTP协议传输出数据&#xff0c;这意味着客…
阅读更多...
循环链表解决约瑟夫问题（简化版）

循环链表解决约瑟夫问题（简化版）

http://blog.csdn.net/jw903/article/details/38965477 约瑟夫环是一个经典的数学的应用问题&#xff1a;已知N个人&#xff08;以编号1&#xff0c;2&#xff0c;3...N分别表示&#xff09;围坐在一张圆桌周围。从编号为1的人开始报数&#xff0c;数到M的那个人出列&#xff1…
阅读更多...
Linux平台上SQLite数据库教程（一）——终端使用篇

Linux平台上SQLite数据库教程（一）——终端使用篇

http://blog.csdn.net/u011192270/article/details/48031763 SQLite是一款轻型的数据库&#xff0c;它的设计目标是嵌入式的&#xff0c;而且目前已经在很多嵌入式产品中使用了它&#xff0c;它占用资源非常的低&#xff0c;可能只需要几百K的内存就够了。能够支持Windows/Lin…
阅读更多...
多路IO转接服务器 epoll

多路IO转接服务器 epoll

创建一个epoll句柄&#xff0c;参数size用来告诉内核监听的文件描述符的个数&#xff0c;跟内存大小有关。 #include <sys/epoll.h> int epoll_create(int size)　　 size&#xff1a;监听数目 通过创建一个size大小的红黑数来实现epoll句柄&#xff0c;返回epfd是该…
阅读更多...
Linux平台上SQLite数据库教程（二）——C语言API介绍

Linux平台上SQLite数据库教程（二）——C语言API介绍

http://blog.csdn.net/u011192270/article/details/48086961 前言&#xff1a;本文将介绍几个基本的SQLite3数据库的C语言API接口&#xff0c;主要用到两个文件&#xff1a;sqlite3.c、sqlite3.h。源码地址&#xff1a;https://github.com/AnSwErYWJ/SQLite。 打开数据库 1.原型…
阅读更多...
epoll非阻塞IO

epoll非阻塞IO

设置connfd套接字为非阻塞 flag fcntl(connfd, F_GETFL); flag | O_NONBLOCK; fcntl(connfd, F_SETFL, flag); 转载于:https://www.cnblogs.com/lr1402585172/p/10758740.html
阅读更多...
小白创建网站的曲折之路

小白创建网站的曲折之路

小白创建网站的曲折之路 在虚拟机上创建网站 顾名思义&#xff0c;首先要有一个虚拟机。在网上百度一下后&#xff0c;我发现大家都在说使用一种叫做VMware Workstation的软件进行虚拟机的构建 在这位好心人的帮助下我找到了Vmware Workstation的下载资源&#xff0c;并成功下…
阅读更多...
Ubuntu 14.04数据库服务器--mysql的安装和配置

Ubuntu 14.04数据库服务器--mysql的安装和配置

https://jingyan.baidu.com/article/425e69e6bbc6c7be14fc1640.html mysql是Oracle公司的一种开放源代码的关系型数据库管理系统&#xff0c;被广泛应用于各中小网站&#xff0c;是一种跨平台的数据库管理系统&#xff0c;现在介绍一下如何在Ubuntu 14.04上安装和配置mysql 工具…
阅读更多...
javavbean

javavbean

一、什么是javabeanJavaBean是一个遵循特定写法的Java类&#xff0c;它通常具有如下特点&#xff1a;这个Java类必须具有一个无参的构造函数属性必须私有化。私有化的属性必须通过public类型的方法暴露给其它程序&#xff0c;并且方法的命名也必须遵守一定的命名规范。JavaBean…
阅读更多...
Centos7下搭建LAMP环境，安装wordpress（不会生产博客，只是一名博客搬运工）(菜鸟)

Centos7下搭建LAMP环境，安装wordpress（不会生产博客，只是一名博客搬运工）(菜鸟)

1.搭建MySQL数据库 安装MariaDB yum install mariadb-server -y 启动MySQL服务 emctl start mariadb #启动服务 emtcl enable marriadb#设置开机服务 设置MySQL账户和root密码 mysqladmin -u root password ******* 2.安装Apache服务 安装Apache yum install httpd -y 启动A…
阅读更多...
（C语言版）栈和队列（二）——实现顺序存储栈和顺序存储队列的相关操作

（C语言版）栈和队列（二）——实现顺序存储栈和顺序存储队列的相关操作

http://blog.csdn.net/fisherwan/article/details/21479649 栈和队列都有两种实现方式&#xff0c;一种在之前已经写过了&#xff0c;是链式存储形式&#xff0c;另一种是顺序存储形式。也就是这里所写的用数组的形式实现&#xff0c;和链式存储形式相比&#xff0c;有几个不同…
阅读更多...
最新文章

Copyright @ 2022~2023