HTML实现登录注册界面

最新推荐文章于 2024-06-17 00:46:15 发布

三千不可乐

最新推荐文章于 2024-06-17 00:46:15 发布

阅读量7.6w

点赞数 90

文章标签： css javascript html html5

本文链接：https://blog.csdn.net/qq_44892111/article/details/105408916

版权

我是一个刚学前端的小菜鸟，今天斗胆分享一下最近学到的，做个简单的登录注册页面，献献丑。

登录页面：
用到了html和css，比较简单粗糙，然后能链接到注册页面

<!DOCTYPE >
<html>
	<html lang="ch">
	<head>
		<meta charset="utf-8">
		<title>三千博客</title>
		<style type="text/css">
			#title{
   
				font-family:"新宋体";
				position: absolute;
				color: brown;
				font-size: 60px;
			    text-align-last: center;
			    left: 40%;
			    top: 10%;
			}
			#content{
   
				position: absolute;
				top: 50%;/*顶部到元素*/
				left:30%;
				width: 40%;
				height:400px;
				margin-top:-200;/*边缘到底部*/		
				background-color: #34495e;
				text-align-last: center;
				/*这里做一个半透明效果*/
				filter:alpha(Opacity=60);
				-moz-opacity:0.8;
				opacity: 0.8;
			}
			#userid{
   
				color: #3498db;
				font-size: 30px;
				text-align: center;
				border-radius: 25px;/*边框圆角*/
			}
			#password{
   
				color: #3498db;
				font-size: 30px;
				text-align: center;
				border-radius: 25px;
			}
			#denglu{
   
				background-color: pink;
				border-radius:10px;
             	border:0;/*边框宽度0*/
            	height:50px;
             	width:90px;
            	padding:5px 10px;/*上下填充10 左右5*/
            	font-size: 20px;
			}
			#zhuce{
   
				background-color: pink;
				border-radius:10px;
             	border:0;/*边框宽度0*/
            	height:50px;
             	width:90px;
            	padding:5px 10px;/*上下填充10 左右5*/
            	font-size: 20px;
			}
			#content h1{
   
				color: white;
				font-size: 50px;			
			}
         </style>
	</head>
	<body background="img/bg.png">
		<div id="title">
			<svg t=</

最低0.47元/天解锁文章

三千不可乐

关注

90
点赞
踩
691

收藏

觉得还不错? 一键收藏
21
评论
HTML实现登录注册界面

我是一个初学者，学了有一星期的时间，分享一下最近在制作的登录注册界面。登录页面：简单的运用了html和css的东西，没有用到js（目前功力不够）。另外还用到了阿里巴巴矢量图标库的一些图标，毕竟自己不会做UI<!DOCTYPE ><html> <html lang="ch"> <head> <meta charset="utf-...
复制链接

扫一扫