CSS是網(wǎng)頁編程中的重要組成部分，最常見的應用是美化頁面，特別是登錄框這種常見的元素。以下是如何使用CSS來美化登錄框的一些指示。

首先，需要創(chuàng)建一個HTML頁面，并在其中插入以下代碼：

<div class="login-box">
<h2>登錄</h2>
<form>
<input type="text" placeholder="用戶名">
<input type="password" placeholder="密碼">
<button type="submit">登錄</button>
</form>
</div>

在此示例中，我們創(chuàng)建了一個包含表單元素的DIV，用于輸入用戶名和密碼，并在底部添加登錄按鈕。我們使用占位符來指定文本輸入框的標簽。

接下來，我們使用CSS為該div元素添加樣式。以下是CSS代碼：

.login-box {
width: 400px;
background-color: #fff;
margin: auto;
padding: 20px;
margin-top: 50px;
border-radius: 5px;
box-shadow: 1px 1px 10px #000;
}
h2 {
text-align: center;
margin-bottom: 30px;
}
input[type="text"],
input[type="password"] {
width: 100%;
padding: 10px;
margin-bottom: 20px;
border-radius: 5px;
border: none;
background-color: #f2f2f2;
}
button[type="submit"] {
width: 100%;
padding: 10px;
border-radius: 5px;
border: none;
background-color: #4CAF50;
color: #fff;
font-size: 16px;
cursor: pointer;
}

此樣式代碼將在屏幕中創(chuàng)建一個400像素寬的框，具有白色背景顏色、一定的填充和邊框半徑、陰影效果。我們將表單元素調整為完全寬度，添加一些填充和邊框半徑，以使其看起來更完整。最后，我們添加了Submit按鈕的樣式。

現(xiàn)在我們已經(jīng)在CSS中為登錄框添加了樣式，我們可以查看代碼的外觀。在瀏覽器中打開HTML文件，您應該看到我們美化的登錄框！