HTML 和 CSS 是現(xiàn)代網(wǎng)頁設(shè)計的基礎(chǔ)。通過 HTML 語言，我們可以構(gòu)建網(wǎng)頁的骨架和內(nèi)容。而 CSS 可以幫助我們美化樣式，從而使網(wǎng)頁更加美觀。在這篇文章中，我們將使用 HTML 和 CSS 來創(chuàng)建一個簡單的登錄表單。

<form>
<label>用戶名:</label>
<input type="text" name="username" placeholder="請輸入用戶名" /><br><br>
<label>密碼:</label>
<input type="password" name="password" placeholder="請輸入密碼" /><br><br>
<input type="submit" value="登錄" />
</form>

在上面的代碼塊中，我們創(chuàng)建了一個 form 表單，包含一個用戶名輸入框和一個密碼輸入框，以及一個提交按鈕。

接下來，我們將添加 CSS 樣式來美化這個表單。

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

在上述代碼中，我們?yōu)楸韱翁砑恿艘恍┗緲邮剑蛊淇雌饋砀游恕?/p>

通過上面的示例，我們可以看到 HTML 和 CSS 的基礎(chǔ)知識以及如何創(chuàng)建一個簡單的登錄表單。這是一個入門級別的文章，如果您想深入了解 HTML 和 CSS，請繼續(xù)學(xué)習(xí)。