用HTML+CSS+JS实现Github的炫酷登录界面

最新推荐文章于 2024-07-25 08:05:06 发布

CXfjh

最新推荐文章于 2024-07-25 08:05:06 发布

阅读量716

点赞数 1

文章标签： github javascript 前端 css html

本文链接：https://blog.csdn.net/m0_62813523/article/details/128887219

版权

功能：登录界面，注册界面

1.HTML代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>GitHub</title>
		<script src="https://code.jquery.com/jquery-3.6.3.min.js"></script>
		<link rel="stylesheet" href="css/index.css">
		<script src="./js/index.js"></script>
	</head>
	<body>
		<!-- 登录模块 -->
		<div class="wrapper wrapper1">
			<div class="logo"><img src="img/github.png" alt="GitHub"></div>
			<!-- 登录标题 -->
			<div class="title"><p>登录GitHub</p></div>
			<!-- 登录数据表单 -->
			<div class="form">
				<div class="input_field"><label>用户名或电子邮件地址</label><input type="text" class="input input1"></div>		
				<div class="input_field">