更新時(shí)間： 2025-02-19
分類 html/css 難易度 入門級(jí)
￥0.99
年度會(huì)員 免費(fèi)
永久會(huì)員 免費(fèi)
"> 下載權(quán)限 報(bào)錯(cuò) / 舉報(bào)
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>登錄</title>
<style>
body {
background: url(https://img.alicdn.com/imgextra/i3/1881288151/O1CN01EcwJS72A5DMi3hDzr_!!1881288151.jpg) no-repeat;
background-size: 100% 130%;
}
#login_box {
width: 20%;
height: 400px;
background-color: rgba(0, 0, 0, 0.36);
margin: auto;
margin-top: 10%;
text-align: center;
border-radius: 10px;
padding: 50px 50px;
}
h2 {
color: rgba(255, 255, 255, 0.55);
margin-top: 5%;
}
span {
color: rgb(83, 83, 83);
}
input {
border: 0;
width: 70%;
font-size: 20px;
color: #646708;
background: transparent;
border-bottom: 2px solid rgba(128, 32, 10, 0.65);
padding: 8px 16px;
outline: none;
margin-top: 10px;
}
button {
margin-top: 40px;
width: 50%;
height: 30px;
border-radius: 10px;
border: 0;
color: #d05530;
text-align: center;
line-height: 30px;
font-size: 15px;
background-image: linear-gradient(to right, rgb(147, 70, 185), #a0f1ea);
}
li {
margin-top: 16px;
color: #46acb9;
}
a {
margin-top: 10px;
color: #467cb9;
}
</style>
</head>
<body>
<div id="login_box">
<h2>用戶登錄</h2>
<div id="input_box">
<input type="text" placeholder="請(qǐng)輸入用戶名">
</div>
<div class="input_box">
<input type="password" placeholder="請(qǐng)輸入密碼">
</div>
<button>登錄</button>
<table>
<tr>
<td style="width:200%;height:14px;font-size:14px;border:0">
</td>
</tr>
</table>
<li>沒(méi)有帳戶?
<a href="登錄.html">點(diǎn)擊注冊(cè)</a>
</li>
</div>
</body>
</html>
