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登录界面(菜鸟学前端)相关推荐

  1. java比较炫的登录界面_html+css实现漂亮的透明登录页面,HTML实现炫酷登录页面...

    承蒙各位小伙伴的支持,鄙人有幸入围了<CSDN 2020博客之星>的前200名,现在进入投票环节,如果我平时写的文章和分享对你有用的话,请每天点击一下这个链接,投上你们宝贵的一票吧!谢谢! ...

  2. Servlet过滤器(Filter)不过滤登录页面、JS和CSS文件

    Servlet过滤器主要用于对客户端(浏览器)的请求进行过滤处理,先将过滤后的请求转交给下一资源,它在Java Web开发中具有十分重要的作用.Servlet过滤器可以用于验证用户的登录情况,但在实际 ...

  3. 试着编写了一下战网的登录页面,刚学会css和html5

    试着编写了一下战网的登录页面,刚学会css和html5 暴雷游戏通行证登录 暴雷游戏通行证登录 保持登录状态 免费创建暴雪游戏通行证 无法登录? 安全令重新同步

  4. html好看的登录页面1(十三种风格登录页面源码)

    文章目录 1.登录风格效果说明 1.1 背景凹起风登录界面 1.2 弹出风登录界面 1.3 科技时尚风登录界面 1.4 蓝色一夏风登录界面 1.5 模糊背景左右风登录界面 1.6 上中下介绍风登录界面 ...

  5. HTML--- 创建一个登录页面(HTML,CSS)

    创建一个HTML,CSS登录页面 前端 login.html 代码: <!DOCTYPE html><html lang="en"><head> ...

  6. 登录页面html代码_【网络自动化平台开发】—— 登录组件

    今年的天气特别的冷,于是,继续缓慢更新. Django 其实有自己的权限认证组件,可以拿来用,其实本身代码量也不多,还是自己写吧. 新建了一个functions文件夹用于存放各种功能文件: 说说登录的 ...

  7. 前端直接访问登录页面报错_如何实现登录、URL和页面按钮的访问控制

    作者:社会主义接班人 http://cnblogs.com/5ishare/p/10461073.html 用户权限管理一般是对用户页面.按钮的访问权限管理.Shiro框架是一个强大且易用的Java安 ...

  8. HTML+CSS网页制作:一个简易美观的登录页面实例代码

    效果: 我们可以将以下代码.复制粘贴到菜鸟教程或者其他可以在线运行代码的网站.就可以在线调试预览代码了: 菜鸟教程在线编辑器https://www.runoob.com/try/try.php?fil ...

  9. 自己做的一个登录页面,纯代码!

    先上效果图吧. 本人菜鸟入门, 请勿喷. 首先样式: 1 1 body{ 2 2 margin: 0; 3 3 padding: 0; 4 4 width: 100%; 5 5 height: 100 ...

最新文章

  1. 激活当前视图菜单高亮呈现 V2.0
  2. 六种GAN评估指标的综合评估实验,迈向定量评估GAN的重要一步
  3. 2、以太网基础知识——IP协议
  4. 巧用linux服务器下的/dev/shm/,避开磁盘IO不给力!
  5. 自定义Cassandra数据类型
  6. mongodb如何写入图片_CTO之瞳-数据库-MongoDB
  7. 【HDU - 6574】Rng(概率,古典概型)
  8. Mysql 学习笔记08
  9. cesium获取模型实时坐标_Cesium 顶点着色器中解算模型坐标
  10. 计算机软件理论基础集合论,从数理逻辑观点看计算机专业的理论基础探讨
  11. Python 监控主机程序,异常后发送邮件(我的第一只Python程序)
  12. php+memcached缓存技术实例
  13. JavaScript 优先队列
  14. 5w1H数据分析简单例子
  15. flash 围棋_围棋怎么玩,最还有flash
  16. OSChina 周三乱弹 —— 东京不热,北海道有点热
  17. 经验分享:半桥电路的工作原理及注意问题(转载)
  18. javascript成神之路(1):如何编写高质量的js代码
  19. Debian9初始配置
  20. 有没有什么帮助睡眠的东西?助眠效果好的东西分享

热门文章

  1. 吉首大学统招专升本通信工程、电子信息专业专升本攻略及备考资料
  2. WebRTC 教程三:WebRTC特性,调试方法以及相关服务器搭建方法
  3. web前端怎么获取cookie?
  4. 早期IBP病人骶髂关节MRI炎症与1年后MRI结构破坏之间的关系
  5. 钟形曲线 matlab_打破钟形曲线:在同一个海洋中脱颖而出
  6. 【Matlab水果识别】苹果质量检测及分级系统(带面板)【含GUI源码 1613期】
  7. Java后端压缩-浏览器解压缩
  8. 智慧办公室虚拟现实 VR 可视化
  9. Android_OCR识别 身份证信息
  10. 将GeoJson面域转换成PPT可编辑的多段线