body {
font-family: Arial, sans-serif;
margin: 20px;
}
h1 {
text-align: center;
}
.container {
display: flex;
justify-content: center;
}
#login-form {
width: 400px;
background-color: #f5f5f5;
padding: 20px;
border-radius: 5px;
}
label {
font-weight: bold;
}
input[type="text"], input[type="password"] {
width: 100%;
padding: 10px;
margin: 10px 0;
}
input[type="submit"] {
background-color: #4CAF50;
color: white;
padding: 10px 20px;
border: none;
cursor: pointer;
}
该网页为联盟手游外服官网的首页登录界面,以下是对该登录界面的相关说明。
该登录界面呈简洁的设计,使用户能够轻松地登录到联盟手游外服官网。界面采用白色背景,并在屏幕中央以标题文字“欢迎来到联盟手游外服官网”进行引导,以吸引用户的注意力。
页面中央是一个用于登录的表单,布局在一个居中的容器中,以确保元素的合理排列。登录表单的背景色为浅灰色,以提供良好的可读性。
表单中包含两个输入框,分别是“用户名”和“密码”。用户名输入框为文本类型,可供用户输入其用户名。密码输入框为密码类型,以确保输入内容的隐私性。两个输入框都设置了100%的宽度,使其适应不同屏幕尺寸的设备。在输入框下方添加适当的边距,以增加用户的可操作性。
在输入框下方,放置了一个登录按钮,用于提交表单并登录到官网。登录按钮的背景色为绿色,以增强按钮的可见性。按钮上的文字为“登录”,以清晰地标识其功能。
整个界面都采用了Arial和sans-serif字体,并设置了合适的外边距,以提高页面的可读性和美观度。
这个1200字的内容描述了联盟手游外服官网首页登录的HTML格式内容,意在向用户介绍联盟手游外服官网并提供登录途径。
网友评论