HTML登錄界面設(shè)置

Login Page
Login

上面是一個簡單的HTML登錄界面，由一個包含用戶名和密碼的表單組成，以及一個提交按鈕。

對于該登錄界面的樣式，在head標簽中定義了一些CSS屬性，如：

body{
background-color: #f6f6f6;
font-family: Arial, sans-serif;
box-sizing: border-box;
}
.login{
width: 400px;
margin: 50px auto;
padding: 30px;
background-color: #fff;
border-radius: 5px;
box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
text-align: center;
}
input{
width: 100%;
margin-bottom: 20px;
padding: 10px;
border-radius: 5px;
border: none;
}
button{
width: 100%;
padding: 12px;
background-color: #4CAF50;
color: #fff;
border: none;
border-radius: 4px;
cursor: pointer;
}
button:hover{
background-color: #3e8e41;
}

其中，body標簽定義了整個頁面的背景顏色、字體和盒模型的內(nèi)容模式。login類定義了包含表單的登錄框的樣式，包括背景顏色、圓角、陰影和居中對齊等屬性。input標簽定義了輸入框的樣式，包括寬度、間距、邊框和圓角等屬性。button標簽定義了提交按鈕的樣式，包括寬度、內(nèi)邊距、背景顏色、文本顏色、邊框、圓角和鼠標指針外觀等屬性，以及當鼠標懸停在按鈕上時的背景顏色。

整個登錄界面由一個包含登錄框的div標簽組成，其中包含一個表單，由input標簽定義了兩個輸入框和一個button標簽定義的提交按鈕。