HTML登錄表單是一個非常常見的網頁組件，用于收集用戶登錄信息。使用CSS樣式表來美化登錄表單可以讓頁面看起來更加漂亮和符合品牌風格。 以下是一個基本的HTML登錄表單代碼：

<form><label for="username">用戶名：<input type="text" id="username" name="username"><label for="password">密碼：<input type="password"id="password" name="password"><input type="submit" value="登錄"></form>

這個代碼片段中包括兩個輸入框（一個用于輸入用戶名，另一個用于輸入密碼）和一個登錄按鈕。每一個輸入框都使用了"label"元素來標記其對應的文本標簽，這有助于提高表單的可用性。 現在我們將添加CSS樣式。以下是一個基本的CSS樣式表，用于美化上面的HTML登錄表單：

form {
background-color: #f6f6f6;
border-radius: 5px;
padding: 20px;
width: 400px;
margin: 0 auto;
}
label {
display: block;
font-size: 18px;
margin-bottom: 10px;
}
input[type="text"], input[type="password"] {
width: 100%;
padding: 12px;
border: 1px solid #ccc;
border-radius: 4px;
margin-bottom: 20px;
}
input[type="submit"] {
background-color: #4CAF50;
color: #fff;
padding: 12px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
}
input[type="submit"]:hover {
background-color: #3e8e41;
}

首先，我們為整個表單添加了一個背景顏色。然后，我們對表單進行圓角處理，并添加了一些內邊距。這使表單看起來更加舒適，更容易閱讀。接著，我們設置了一些基本的樣式，像"font-size"和"margin-bottom"來控制文本標簽的大小和行距。 我們也添加了樣式，來控制輸入框的樣式，像"width"、"padding"、"border"和"border-radius"等等。這使得輸入框保持一致，并允許我們使用相同的樣式來控制不同的類型（如文本框和密碼框）。 最后，我們給登錄按鈕添加了一些非常基本的樣式。當鼠標懸停在按鈕上時，它將變為不同的顏色。這允許我們顯示按鈕的連續性和交互性。 總之，美化HTML登錄表單是一個簡單的過程，可以大大提高表單的可用性和美觀性。我們可以通過CSS樣式表來控制表單元素的排版、字體和大小，以及文本框和登錄按鈕的樣式。