这篇文章主要为大家详细介绍了Html制作简单而漂亮的登录页面具体代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

先来看看样子。

html源码：

Login

css代码：

CSS Code复制内容到剪贴板html{

width: 100%;

height: 100%;

overflow: hidden;

font-style: sans-serif;

}

body{

width: 100%;

height: 100%;

font-family: 'Open Sans',sans-serif;

margin: 0;

background-color: #4A374A;

}

#login{

position: absolute;

top: 50%;

left:50%;

margin: -150px 0 0 -150px;

width: 300px;

height: 300px;

}

#login h1{

color: #fff;

text-shadow:0 0 10px;

letter-spacing: 1px;

text-align: center;

}

h1{

font-size: 2em;

margin: 0.67em 0;

}

input{

width: 278px;

height: 18px;

margin-bottom: 10px;

outline: none;

padding: 10px;

font-size: 13px;

color: #fff;

text-shadow:1px 1px 1px;

border-top: 1px solid #312E3D;

border-left: 1px solid #312E3D;

border-right: 1px solid #312E3D;

border-bottom: 1px solid #56536A;

border-radius: 4px;

background-color: #2D2D3F;

}

.but{

width: 300px;

min-height: 20px;

display: block;

background-color: #4a77d4;

border: 1px solid #3762bc;

color: #fff;

padding: 9px 14px;

font-size: 15px;

line-height: normal;

border-radius: 5px;

margin: 0;

}

总结：

代码如下:

placeholder="用户名"的作用:占位符

php制作登录页面的过程_一个用Html制作的漂亮登录页面相关推荐

赋值后页面不渲染_第七节：框架搭建之页面静态化的剖析
一. 前言抛砖引玉: 提到项目性能优化,大部分人第一时间就会想到缓存,针对"读多写少"的数据,可以放到缓存里,设置个过期时间,这样就不用每次都去数据库中查询了, 减轻了数据库的压 ...
html登录界面设计代码_.NET 5 开发WPF - 美食应用登录UI设计
Demo演示: 你的时间宝贵,不想看啰嗦的文字,可直接拉到文末下载源码! 1. 新建项目站长开发环境: VS 2019企业版 16.70 .NET 5 Preview 5 .NET 5 WPF 项目 ...
java 页面接收参数_详解SpringMVC——接收请求参数和页面传参
spring接收请求参数: 1,使用HttpServletRequest获取 @RequestMapping("/login.do") public String login(Ht ...
登录页面html代码_【网络自动化平台开发】—— 登录组件
今年的天气特别的冷,于是,继续缓慢更新. Django 其实有自己的权限认证组件,可以拿来用,其实本身代码量也不多,还是自己写吧. 新建了一个functions文件夹用于存放各种功能文件: 说说登录的 ...
php登录控制实验报告_一个php实现用户登录的实例代码
了解如何创建一个简单的登录系统,php + mysql的脚本,这个教程代码很容易实现,教你一步一步实现. 在本教程中,我们创建3个PHP文件来测试我们的代码. 1 main_login.php 2 c ...
java一个对象回收的过程_一个Java对象的回忆录：垃圾回收
对象的诞生 "你醒啦!",迷迷糊糊中听到一个声音,我睁开了眼睛,发现一个小伙伴正看着我. "这里是哪里,你是谁啊?" "这里是堆区,我是一个Ajax对 ...
python天气查询运行过程_菜鸟玩Python|制作天气查询软件
原标题:菜鸟玩Python|制作天气查询软件开发环境 Python3 PyQt5 requests 准备工作首先要获取不同城市对应的天气代码,可以从 https://www.heweather.c ...
协方差公式性质证明过程_一个方差公式的多种证明
一个方差公式的多种证明王敏慧 ; 刘国庆 ; 张银龙 [期刊名称] <大学数学> [年 ( 卷 ), 期] 2012(028)001 [摘要] 运用方差性质 , 协方差定义 , 函数凸性 ...
安卓开发登录用户信息缓存_小程序云开发之用户注册登录
小程序 · 云开发已经上线到现在也已经快有两年了,期间自己也基于云开发发布了几个小程序,总得来说,对于前端开发者来说,确实方便了很多.不用买服务器.域名,不需要搭建数据库.静态存储应用.通过平台提供的 ...

php制作登录页面的过程_一个用Html制作的漂亮登录页面

Login

php制作登录页面的过程_一个用Html制作的漂亮登录页面相关推荐

最新文章

热门文章