HTML文件

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="426.css">
</head>
<body><video autoplay loop muted><source src="movie.mp4" type="video/mp4"  /></video><center class="centerstyle"><input type="text"placeholder="用户名" style="height:20px;width:200px"><input type="password"placeholder="密码" style="height:20px;width:200px"><input type="button"  value ="忘记密码" style="height:30px;width:200px;background-color:#f66f6a; color:white"><input type="submit" value="登录" style="height:30px;width:200px;background-color:#f66f6a; color:white"></center>
</html>

CSS文件

{margin: 0px;padding: 0px;}video{position: fixed;right: 0px;bottom: 0px;min-width: 100%;min-height: 100%;height: auto;width: auto;filter: blur(15px);}source{min-width: 100%;min-height: 100%;height: auto;width: auto;}
.centerstyle {line-height:40px;position: absolute;width: 300px;height: 300px;margin: auto;top: 0;left: 0;right: 0;bottom: 0;
}

HTML简单的登录+背景页面相关推荐

  1. 利用html完成简单的登录网站页面

    文章目录 一.前言 二.步骤 三.效果图 四.总结 一.前言 学习完html中有关表格表单的知识,可以来完成一个简单的登录页面的设计. 二.步骤 代码如下(示例): <!DOCTYPE html ...

  2. 小白教程——Windows下用PHP写一个简单的登录注册页面(二)

    哈喽,看到这里希望小伙伴们都把wampserver环境安装好了,如果还没有安装或创建数据表就移步去看我上一篇文章吧.OK~接下我们将进入代码实现部分,首先我们需要一个文本编辑器,可以是电脑自带的not ...

  3. PERL-MOJO写一个简单的登录验证页面

    PERL果然是很牛掰的东西...   失业三年半了.还是想keep一下perl的兴趣. use Mojolicious::Lite;my $password='1253';get '/login' = ...

  4. microsoftsql新建登录用户登录失败_史上最简单的Spring Security教程(九):自定义用户登录失败页面...

    生活中肯定存在这样的场景,在登录某个网站时,难免会忘记密码,或是验证码输入错误,造成多次尝试.所以,有必要适度的提醒用户,到底是什么原因造成了登录失败,如用户名密码不正确.验证码错误等等.由于 Spr ...

  5. python做一个登录注册界面_Python 实现简单的登录注册界面

    Python 实现简单的登录注册界面 注意:编写代码之前需要导入很重要的包 import tkinter as tk import pickle from tkinter import message ...

  6. 写一个简单的登录页面!!!(html)

    写一个简单的登录页面!!! 大家好,我是伍柒. 今天我又双叒叕发现了一个好东西. 那就是用html做一个登录页面 那,该如何做呢? 首先 现在html里的body里写 一个头部header标签(双标签 ...

  7. html+css 制作简单QQ登录页面

    HTML+css制作简单QQ登录页面 这是效果图 这是HTML源码 <!DOCTYPE html> <html lang="zh"><head> ...

  8. JSP实现简单的登录页面实现及代码(非连接数据库)

    ** JSP实现简单的登录页面实现及代码(非连接数据库) ** 1.实现一个简单的登陆页面: 2.如果登陆成功,提示页面欢迎你,进入我的主页: 3.如果登陆不成功跳转到登陆页面: 4.使用固定用户名和 ...

  9. 实现一个简单的登录页面

    实现一个简单的登录页面 设计了一个登录页面,感觉还挺不错的 实现效果 设计的还是挺好看的吧 分析需要的功能 一个登录页面一个注册页面 翻转效果 输入后的正则判断,给用户提示信息 翻转要清空页面的全部信 ...

最新文章

  1. 2021新兴经济体大学排名发布,129所中国高校上榜!
  2. 什么是公网IP、内网IP和NAT转换?
  3. 掉一根头发,搞定二叉排序(搜索)树
  4. 写给互联网产品人的进阶感言
  5. 人体识别_深度学习资讯 | 用于人体动作识别的26层卷积神经网络
  6. MQTT和Java入门
  7. Qt 程序打包发布总结
  8. CSS之七个高度有效的媒体查询技巧
  9. 实战03_SSM整合ActiveMQ支持多种类型消息
  10. php进阶课程,php进阶教程学习
  11. android 4.0下访问主进程访问网络和开启另外另外的线程
  12. Macbook Pro笔记本双系统MacOS和Windows切换默认启动
  13. 导入项目后资源文件乱码---eclipse插件properties Editor安装
  14. 反激式开关电源电路测试记录(二)
  15. 微信二维码扫码登录的原理
  16. Chrome小恐龙游戏前端修改代码【含原理和代码】
  17. 硬件特征码已达到最大上限_获取硬件特征码(硬盘,网卡,CPU)
  18. 金融工程学(六):互换的定价与风险分析
  19. 第二人生的源码分析(二十)显示人物名称
  20. “全球化”是一个漫长过程,海尔智家用了20年

热门文章

  1. 【疑难杂症】Realtek PCIe GBE Family Controller 出现感叹号问题
  2. ios heic格式照片批量转jpg工具
  3. Uber product
  4. 计算机科学与技术本科人才培养方案评审意见,人才培养方案评审意见
  5. linux ss 软件,linux ss 网络状态工具
  6. 2022暑期学校C++课程设计课题
  7. 如何在不同链部署地址完全相同的合约
  8. linux下,文件名带括号如何处理
  9. 手机地址及归属地查询。
  10. openeuler 22.03 制作openssh9.3p1 rpm升级包和升级实战