登录页面html代码菜鸟,CSS+html登录界面(菜鸟学前端)
html>
龙首观景苑-登录
body
{
background:url(image/8.gif );
background-size:1900px 1000px;
background-repeat:no-repeat;
padding-top:40px;
}
#login_wrap {
width:100%;
min-width: 1300px;
overflow: hidden;
position: relative;
}
.login-box {
width: 360px;
height: 450px;
position: absolute;
top: 50px;
left:170px;
background:rgba(49, 29, 3, 0.397);
}
.title {
height: 80px;
line-height: 80px;
background: #f1f0ed36;
font-size: 22px;
padding:0 30px;
}
.title img {
float: left;
margin-top: 12px;
margin-right: 15px;
}
.login_inner {
overflow: hidden;
padding: 30px 50px;
}
.alert {
margin: 0 auto;
padding: 6px 10px;
border: 1px solid transparent;
text-align: left;
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
margin-bottom: 17px;
font-size: 12px;
}
.login_inner form{
width: 100%;
overflow: hidden;
padding-bottom: 15px;
border-bottom: 1px solid #eee;
}
.login_inner input {
display: inline-block;
width: 246px;
height: 26px;
border: 1px solid #d8d8d8;
font-size: 14px;
color: #666;
line-height: 28px;
padding: 6px 0 6px 12px;
box-shadow: 0 0 5px #fff;
outline: none;
transition: box-shadow 0.25s linear 0s;
-webkit-transition: box-shadow 0.25s linear 0s;
margin-bottom: 17px;
}
.verify input {
width: 95px;
margin-right: 20px;
float: left;
margin-bottom: 0;
}
.submit_btn button {
width: 120px;
height: 40px;
border: none;
background-color: #ffa800;
text-align: center;
line-height: 40px;
color: #000;
font-size: 18px;
font-weight: bold;
cursor: pointer;
float: left;
}
.auto_login {
margin-top: 15px;
}
.submit_btn .checkbox {
float: left;
width: 17px;
margin: 7px 5px 0 54px;
}
.submit_btn span {
line-height: 35px;
}
.reg {
border-top: 1px solid #eeeeee;
margin-top: 15px;
width: 100%;
height: 40px;
line-height: 40px;
background: #f1f1f1;
text-align: center;
font-size: 16px;
}
.reg a {
color: #fc7f7f;
}
欢迎登录龙首观景苑
//图片点击事件
function changeCheckCode(img) {
img.src="checkCode?"+new Date().getTime();
}
登录
自动登录
登录页面html代码菜鸟,CSS+html登录界面(菜鸟学前端)相关推荐
- java比较炫的登录界面_html+css实现漂亮的透明登录页面,HTML实现炫酷登录页面...
承蒙各位小伙伴的支持,鄙人有幸入围了<CSDN 2020博客之星>的前200名,现在进入投票环节,如果我平时写的文章和分享对你有用的话,请每天点击一下这个链接,投上你们宝贵的一票吧!谢谢! ...
- Servlet过滤器(Filter)不过滤登录页面、JS和CSS文件
Servlet过滤器主要用于对客户端(浏览器)的请求进行过滤处理,先将过滤后的请求转交给下一资源,它在Java Web开发中具有十分重要的作用.Servlet过滤器可以用于验证用户的登录情况,但在实际 ...
- 试着编写了一下战网的登录页面,刚学会css和html5
试着编写了一下战网的登录页面,刚学会css和html5 暴雷游戏通行证登录 暴雷游戏通行证登录 保持登录状态 免费创建暴雪游戏通行证 无法登录? 安全令重新同步
- html好看的登录页面1(十三种风格登录页面源码)
文章目录 1.登录风格效果说明 1.1 背景凹起风登录界面 1.2 弹出风登录界面 1.3 科技时尚风登录界面 1.4 蓝色一夏风登录界面 1.5 模糊背景左右风登录界面 1.6 上中下介绍风登录界面 ...
- HTML--- 创建一个登录页面(HTML,CSS)
创建一个HTML,CSS登录页面 前端 login.html 代码: <!DOCTYPE html><html lang="en"><head> ...
- 登录页面html代码_【网络自动化平台开发】—— 登录组件
今年的天气特别的冷,于是,继续缓慢更新. Django 其实有自己的权限认证组件,可以拿来用,其实本身代码量也不多,还是自己写吧. 新建了一个functions文件夹用于存放各种功能文件: 说说登录的 ...
- 前端直接访问登录页面报错_如何实现登录、URL和页面按钮的访问控制
作者:社会主义接班人 http://cnblogs.com/5ishare/p/10461073.html 用户权限管理一般是对用户页面.按钮的访问权限管理.Shiro框架是一个强大且易用的Java安 ...
- HTML+CSS网页制作:一个简易美观的登录页面实例代码
效果: 我们可以将以下代码.复制粘贴到菜鸟教程或者其他可以在线运行代码的网站.就可以在线调试预览代码了: 菜鸟教程在线编辑器https://www.runoob.com/try/try.php?fil ...
- 自己做的一个登录页面,纯代码!
先上效果图吧. 本人菜鸟入门, 请勿喷. 首先样式: 1 1 body{ 2 2 margin: 0; 3 3 padding: 0; 4 4 width: 100%; 5 5 height: 100 ...
最新文章
- 激活当前视图菜单高亮呈现 V2.0
- 六种GAN评估指标的综合评估实验,迈向定量评估GAN的重要一步
- 2、以太网基础知识——IP协议
- 巧用linux服务器下的/dev/shm/,避开磁盘IO不给力!
- 自定义Cassandra数据类型
- mongodb如何写入图片_CTO之瞳-数据库-MongoDB
- 【HDU - 6574】Rng(概率,古典概型)
- Mysql 学习笔记08
- cesium获取模型实时坐标_Cesium 顶点着色器中解算模型坐标
- 计算机软件理论基础集合论,从数理逻辑观点看计算机专业的理论基础探讨
- Python 监控主机程序,异常后发送邮件(我的第一只Python程序)
- php+memcached缓存技术实例
- JavaScript 优先队列
- 5w1H数据分析简单例子
- flash 围棋_围棋怎么玩,最还有flash
- OSChina 周三乱弹 —— 东京不热,北海道有点热
- 经验分享:半桥电路的工作原理及注意问题(转载)
- javascript成神之路(1):如何编写高质量的js代码
- Debian9初始配置
- 有没有什么帮助睡眠的东西?助眠效果好的东西分享