在網(wǎng)頁開發(fā)中，登錄頁面是非常常見的一個頁面。在設(shè)計登錄頁面時，往往需要將登錄表單居中顯示。以下是一個HTML代碼示例，描述如何將登陸頁面設(shè)置為居中顯示。 首先，在HTML文檔中輸入以下的代碼，以創(chuàng)建一個基本的登錄表單：

<form action="#" method="post">
<p><label for="username">用戶名: </label><input type="text" id="username" name="username"></p>
<p><label for="password">密碼: </label><input type="password" id="password" name="password"></p>
<p><input type="submit" value="登錄"></p>
</form>

然后，在CSS中設(shè)置樣式以將表單居中:

<style>
form {
width: 400px; /* 設(shè)置表單的寬度 */
margin: 0 auto; /* 設(shè)置 margin 的值為 0 auto，實現(xiàn)居中 */
background-color: #f4f4f4; /*設(shè)置背景顏色*/
padding: 20px; /*設(shè)置內(nèi)邊距*/
border-radius: 10px; /* 設(shè)置圓角 */
box-shadow: 0 0 10px #ccc; /* 設(shè)置陰影效果 */
}
</style>

以上是居中顯示登陸頁面的HTML代碼和樣式設(shè)置的示例。實際中，您需要根據(jù)您網(wǎng)站的具體要求，調(diào)整元素的樣式來確定最終的效果。希望這篇文章能幫助您更好的進行網(wǎng)頁開發(fā)工作。