【UI设计+静态页面】ailiaili登录页面——仿bilibili登录页面

齐天大圣12138

已于 2023-03-22 19:09:19 修改

阅读量1.1k

点赞数

分类专栏： html 文章标签： html ui

于 2023-03-21 21:08:33 首次发布

本文链接：https://blog.csdn.net/weixin_52078305/article/details/129697222

版权

html 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

咱就是说，属实是大怨种了，上个学期的前端作业没有连接后端，实验和大作业直接挂了，（f开头单词），就算某人编译原理考了93分有怎么样呢，就算操作系统实验有99分又怎么样呢，全白干！！！！！白干！！！！甚至吼！又被洗脑加入工作室！！！我是啥比，服了。。。。我只知道以前美好的日子一去不返了。。。。
不想社交。。。。
反正
俺就摆，俺受够了，才不天天都在工科大楼待呢
要去图书馆，每天晚上来工作室，星期六七一没有课会在图书馆呆一整天，反正前端已经挂了哭哭

用ai设计好图标和页面布局

在这里插入图片描述

一些图标设计

在这里插入图片描述

html代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>ailiaili登录页面</title>
		<link href="css/login.css"  rel="stylesheet" type="text/css"  />
	</head>
	<body>
		<div class="login_box">
			<div class="context">
				<div class="box1">
				<h1>扫描二维码登录</h1>
				<div class="2d"></div>
				<p>请使用ailiaili客户端</p>
			</div>
			<div class="box2">
				<h1>密码登录|短信登录</h1>
				<form>
					<label for="username">账号</label>
					<input type="text" placeholder="请输入账号"  />
					<hr />
					<label for="userpwd">密码</label>
					<input type="password" placeholder="请输入密码"  />
					<a href="">忘记密码</a>
					<input class="btn" type="submit" value="注册" onclick=""  />
					<input class="btn" type="submit" value="登录" onclick=""  />
				</form>
				<p>其他方式登录</p>
				<img /><p>微博登录</p>
				<img /><p>微信登录</p>
				<img /><p>QQ登录</p>
			</div>
			<p>未注册过ailiaili的手机号，我们将主动帮您注册账号,登录或完成注册即代表您同意用户协定和隐私政策</p>
		</div>
			</div>
		<div class="photo">
				<img />
				<img />
			</div>
	</body>
</html>

页面展示

在这里插入图片描述

加上css布局

齐天大圣12138

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
【UI设计+静态页面】ailiaili登录页面——仿bilibili登录页面

咱就是说，属实是大怨种了，上个学期的前端作业没有连接后端，实验和大作业直接挂了，（f开头单词），就算某人编译原理考了93分有怎么样呢，就算操作系统实验有99分又怎么样呢，全白干！又被洗脑加入工作室！我只知道以前美好的日子一去不返了。要去图书馆，每天晚上来工作室，星期六七一没有课会在图书馆呆一整天，反正前端已经挂了哭哭。俺就摆，俺受够了，才不天天都在工科大楼待呢。用ai设计好图标和页面布局。
复制链接

扫一扫

专栏目录