一個(gè)漂亮的登錄界面是每個(gè)網(wǎng)站的重要組成部分之一，為了讓你的網(wǎng)站登錄界面更加出色，以下是一個(gè)HTML登錄界面的代碼示例：

<!-- 登錄表單 -->
<form action="login.php" method="post">
<!-- 用戶名 -->
<div class="form-group">
<label for="username">用戶名:</label>
<input type="text" class="form-control" id="username" name="username" required>
</div>
<!-- 密碼 -->
<div class="form-group">
<label for="password">密碼:</label>
<input type="password" class="form-control" id="password" name="password" required>
</div>
<!-- 登錄按鈕 -->
<button type="submit" class="btn btn-primary">登錄</button>
</form>

上述代碼中，我們使用了 <form> 標(biāo)簽來(lái)創(chuàng)建登錄表單。表單包含兩個(gè)標(biāo)簽，即用戶名和密碼，這兩個(gè)標(biāo)簽都需要用戶填寫。我們還添加了一個(gè)登錄按鈕，用戶填寫完表單后，可以通過(guò)單擊該按鈕來(lái)提交表單。

我們還添加了一些樣式來(lái)讓登錄界面更加漂亮。以下是樣式代碼：

.form-group {
margin-bottom: 20px;
}
label {
display: block;
margin-bottom: 5px;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.btn-primary {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
-webkit-appearance: button;
}

通過(guò)以上樣式代碼，我們?cè)O(shè)置了表單元素的大小、顏色和邊框樣式，以及登錄按鈕的顏色和大小等。這些樣式可以自由修改，以滿足你所需要的登錄界面效果。