登錄框樣式在網頁設計中非常重要，這決定了用戶在訪問網站時第一次看到的內容。下面是一些可以幫助您設計優美的登錄框的 CSS 樣式：

/* 設置登錄框的寬度和邊框 */ 
.login-box { 
width: 400px; 
border: 1px solid #ccc; 
padding: 20px; 
} 
/* 設置文本框的樣式 */ 
.login-box input[type="text"], 
.login-box input[type="password"] { 
display: block; 
width: 100%; 
padding: 10px; 
border: 1px solid #ccc; 
margin-bottom: 15px; 
} 
/* 設置按鈕的樣式 */ 
.login-box input[type="submit"] { 
background: #2ecc71; 
color: #fff; 
padding: 10px 20px; 
border: none; 
border-radius: 3px; 
cursor: pointer; 
}

您可以將以上樣式應用于您的登錄框中。當然，您還可以根據自己的需要進行修改，如增加 hover 動畫、修改顏色等。