博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【HTML】一个简单的登陆页面
阅读量:4291 次
发布时间:2019-05-27

本文共 1709 字,大约阅读时间需要 5 分钟。

HTML页面代码如下: 

    
全屏背景

用户登陆

注意事项

1.这里是注意事项这里是注意事项这里是注意事项

2.这里是注意事项这里是注意事项这里是注意事项

3.这里是注意事项这里是注意事项这里是注意事项

4.这里是注意事项这里是注意事项这里是注意事项

CSS页面代码如下: 

html,body{            width:100%;            height:100%        }        body{            font-family: "华文细黑";            background:url("https://ss3.bdstatic.com/lPoZeXSm1A5BphGlnYG/skin/2.jpg?2") no-repeat;            background-size: 100%;        }        #div_login{            width:500px;            height: 500px;            background-color:rgba(58,58,58,0.5);            float:right;            margin:50px 50px;            padding: 0px;        }        #div_title{            width: 500px;            height: 60px;            background-color:rgba(0,0,0,0.5);            text-align: center;            line-height: 60px;            color:blanchedalmond;        }        *{            margin:0px;            padding: 0px;        }        #midden{            width:500px;            height: 440px;            background-color: rgba(77, 75, 75, 0.5);        }        .inputinfo{            width: 480px;            height:30px;            margin:10px 10px 10px 10px;        }        .submitbutton{            width: 480px;            height:40px;            margin:10px 10px 10px 10px;            background-color: rgba(89, 89, 89, 0.5)        }        #info{            width:200px;            text-align: center;            margin: 0 auto;        }

 

 

转载地址:http://bthgi.baihongyu.com/

你可能感兴趣的文章
CentOS 7.0 x64下Zabbix 3.0 安装笔记 / linux运维之ZABBIX通过自带web检测功能检测网站是否正常
查看>>
什么是搜索引擎分词技术?
查看>>
细说分布式Session管理
查看>>
String字符串
查看>>
java—Tomcat高性能调优方案详解
查看>>
误删mysql库不要紧,binlog数据来帮你,再也不用担心删库要跑路
查看>>
MongoDB数据库管理开源工具Robo 3T
查看>>
记一次地址服务优化(Redis使用优化)
查看>>
Oracle Database 18c 的10大新特性一览
查看>>
volatile变量与普通变量的区别
查看>>
Spring Security 使用总结
查看>>
Mysql Repliaction技术入门
查看>>
Java互联网架构-分布式系统服务治理
查看>>
阿里巴巴Java开发规约插件全球首发!
查看>>
StringRedisTemplate常用操作 / Redis中删除过期Key的三种策略
查看>>
fastdfs 图片服务器 使用java端作为客户端上传图片 / 【FastDFS专题】fastdfs使用实战(概念篇)
查看>>
Java互联网架构-Redis分布式缓存架构实现与原理解析
查看>>
让数据库不再成为业务发展瓶颈——分布式数据库架构设计
查看>>
java多线程有哪些实际的应用场景?
查看>>
分布式集群Session共享~多个tomcat7+redis的session共享实现
查看>>