在HTML网页设计中，登录页面是一个很重要的部分。为了让页面看起来更加美观，我们可以通过设置边框来增强页面的辨识度和流畅感。下面就给大家讲讲如何设置登录页面的边框。

<style>
#login-form {
border: 2px solid #ccc;
padding: 10px;
border-radius: 5px;
}
#username, #password {
border: 1px solid #ccc;
padding: 5px;
width: 100%;
box-sizing: border-box;
}
#submit-btn {
border: none;
background-color: #007bff;
color: #fff;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
margin-top: 10px;
}
</style>

在上述代码中，我们通过CSS样式来设置边框的形状和颜色，并设置各个元素之间的间距和间隔以达到更好的页面效果。其中：

<div id="login-form">
<input type="text" id="username" name="username" placeholder="请输入用户名">
<input type="password" id="password" name="password" placeholder="请输入密码">
<input type="submit" id="submit-btn" value="登录">
</div>

登录页面使用了div标签包括输入框和提交按钮，用于控制整个登录页面的样式和布局。在所有输入框上方，我们增加了一个边框，用来增强整个页面的美观度。

在设置页面边框时，可以根据页面的样式和需求来调整边框的样式和宽度，以达到与页面整体风格相符合的效果。在登录页面中，我们通过设置边框形状圆角化，减少了边框的突兀，使页面整体显得更流畅、自然。