HTML5+CSS3+JavaScript做一个Login登录界面~

最新推荐文章于 2023-04-25 19:37:58 发布

置顶

Arial Swploit

最新推荐文章于 2023-04-25 19:37:58 发布

阅读量3.4k

点赞数 3

文章标签： html html5 javascript css css3

本文链接：https://blog.csdn.net/Nerparkey/article/details/105730335

版权

本文展示了如何使用HTML5、CSS3和JavaScript来创建一个登录前端界面，通过实例代码呈现最终效果。

摘要由CSDN通过智能技术生成

HTML+CSS+JavaScript做一个登录前端界面

不说废话了，直接上代码：

<!DOCTYPE html>
<html style="background-color: #013D71;">
	<head>
		<meta charset="utf-8" />
		<title>Login</title>
		<style>
			* {
   
				margin: 0;
				font-family: "微软雅黑";
			}
			#login_div {
   
				background-color: white;
				width: 370px;
				height: 350px;
				position: absolute;
				left: 36%;
				top: 20%;
			}
			#login_div .title {
   
				background-color: #7B797C;
				width: 100%;
				height: 50px;
			}
			#login_div .title1 {
   
				background-color: white;
				width: 50%;
				height: 100%;
				text-align: center;
				float: right;
			}
			#login_div .title2 {
   
				width: 50%;
				height: 100%<