鼎泰网
HTML登录页面
创始人
2024-04-01 04:46:00
0次

第一步:构建HTML框架

简介：本文用最通俗的语言，一步步教会大家CSS构建登录页面。
首先构建HTML框架，包含用户名，密码，记住密码，注册这几个功能。
如果大家HTML不牢固，请看我的这篇博客:https://blog.csdn.net/qq_51447496/article/details/127158655

用户名
密码
还没有账户？注册

运行结果：
在这里插入图片描述

第二步：CSS渲染

2.1先渲染form框架

简介：先构造大框架，从整体出发，再优化细节。

padding撑大盒子
在这里插入图片描述

运行结果：
在这里插入图片描述
最后盒子分布：
在这里插入图片描述

2.2渲染账号与密码输入文本框

简介：给文本框，进行细节的渲染。

运行结果：
在这里插入图片描述

2.3提交与注册的渲染

2.3.1登录按钮渲染

运行结果：
在这里插入图片描述

2.3.2注册渲染

简介：给链接加一些浮空的特效和美化。

运行结果：
在这里插入图片描述

第三步：完善一下

简介：加一个背景，透明度。
最后代码：


登录

用户名
密码
还没有账户？注册

运行结果：

在这里插入图片描述

词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

上一篇：创新政策应转向分散试错型

下一篇：redux的@reduxjs/toolkit + Hooks用法

相关内容

热门资讯

韩媒：韩检方对尹锡悦、金建希等... 中新网12月29日电 据韩国媒体报道，负责调查韩国前第一夫人金建希案件的特检组29日发布最终调查结果...
着力健全有利于“长钱长投“的制... 12月29日，A 股三大指数开盘后涨跌互现，沪指强势向上，冲击9连阳。截至10:23，A500ETF...
政策性农业保险的角色演变与制度... 本文字数：4989字 阅读时间：10分钟 作者简介：马彪，首都经济贸易大学金融学院副教授。 文章来...
推动楼市政策精准落地丨社评 明年着力稳定房地产市场的大政方针已定，抓好落实是关键。刚刚召开的全国住房城乡建设工作会议，重点列出了...
Adobe 因使用 SlimP... AIPress.com.cn报道 12月29日消息，作为全球创意软件巨头，Adobe 正面临其首起重...
伟星新材：竞争优势明显 保持积... 12月28日，伟星新材（002372）发布公告，伟星新材（002372）于2025年12月25日召开...
健全数据制度 释放乘数效应——... 来源：经济日报 党的二十届四中全会审议通过的《中共中央关于制定国民经济和社会发展第十五个五年规划的建...
海关出口退税律师张严锋：套用其... 2018年3月2日，B稽查局对A公司涉税事项进行检查。经检查，B稽查局认为A公司涉嫌通过套用他人出口...
哈尔滨权威刑事律师服务推荐：谷... 在哈尔滨，当人们遭遇刑事法律问题时，往往会困惑于刑事律师服务哪家权威刑事律师推荐哪些刑事辩护律师哪个...
原创 《... 2025年12月26日，《晋中市平遥牛肉保护和发展条例》新闻发布会在晋中举行。该条例经山西省人大常委...