京东登录.html

最新推荐文章于 2024-05-26 12:07:30 发布

别挡

最新推荐文章于 2024-05-26 12:07:30 发布

阅读量77

点赞数

分类专栏： html基础知识文章标签：前端 javascript html

本文链接：https://blog.csdn.net/weixin_45939821/article/details/131829264

版权

html基础知识专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
		     a:focus{
				 color: red;
			 }

			a {
				text-decoration: none;
				width: 300px;
				color: gray;
			}

			#d1 {
				align: center;
				margin-left: 300px;
				margin-top: 200px;
				border: 1px solid red;
				width: 300px;
				height: 400px;

			}

			#d22 {
				
			}

			button {
				background: red;
				color: white;
				font-size: 20px;
				width: 250px;
				border: 0px;
				margin-left: 20px;
				margin-top: 20px;
			}

			#a3 {
				float: right;
				font-size: 5px;
				margin-right:-218px;
				margin-top: 10px;
				
			}

			input {
				outline: none;
				border-radius: 0px;
				border: 0.1px solid gray;
			}

			#input1 {
				width: 144px;
				height: 38px;
				float: right;
			}

			#input2 {
				width: 144px;
				height: 38px;
				float: right;
			}

			#d33 {
				
				width: 200px;
				height: 40px;
				position: relative;
				margin-top: 30px;
				margin-left: 30px;
			}

			#d44 {
				margin-top: 200px;
				
				width: 200px;
				height: 40px;
				margin-left: 30px;
			    margin-top: 20px;
				

			}

			#img1 {
				float: left;
				width: 50px;
				height: 42px;

			}

			#img2 {
				float: left;
				width: 50px;
				height: 42px;
			
			}
		</style>
	</head>
	<body>
		<form action="">
			<div id="d1">
				<div id="d22">
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="#">扫码登陆</a>
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="#">账号登录</a>
				</div>
				<div id="d33">

					<img src="img/yonghu.png" alt="" id="img1">
					<input type="text" placeholder="邮箱/账号名/登陆手机" id="input1"><br />
				</div>
				<div id="d44">

					<img src="img/mima.png" alt="" id="img2">
					<input type="password" placeholder="密码" id="input2"><br />
				</div>


				<a href="#" id="a3">忘记密码</a>

				<button>登&nbsp;&nbsp;&nbsp;&nbsp;录</button>
				
				<div>
					<img src="img/qq.png" alt=""><span>qq</span>
					<img src="img/weixin.png" alt=""><span>微信</span>
					<img src="img/立即注册.png" alt=""><span>立即注册</span>
				</div>
			</div>
		</form>
	</body>
</html>