一個超級簡單易懂的使用者登入網頁

小白xzl發表於2020-12-01
網頁
</html>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="{CHARSET}">
		<title></title>
		<style>
			header{height: 50px;
					background-color: black;
					text-align: center;              <--文字的對齊方式：center,left,right-->
					line-height: 50px;             <--行高-->
					color: #777777;		}
			
		  
		  input[type="text"],input[type="password"],input[type="button"]{
		  	height: 50px;
		  	width: 100%;
		  	margin-top: 50px;}   <--調整間隔-->
		  	
		  
		</style>
	</head>
	<body>
		<header>使用者登入</header>
		<input type="text" placeholder="輸入使用者名稱" />
		<input type="password" placeholder="輸入密碼" />
		<input type="button" value="登入" />
	</body>
</html>
![操作網頁](https://img-blog.csdnimg.cn/20201201213341235.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl81MTQ5MzIyNA==,size_16,color_FFFFFF,t_70#pic_center)

相關文章