CSS是一種用來控制網頁布局和樣式的技術語言，也可以用來美化表單元素。在網頁中，表單是非常重要的交互元素，如何美化表單元素是一項非常重要的技能。本文將介紹如何使用CSS來美化表單元素中的登錄框。

/*CSS代碼實現登錄框樣式*/
.login-box {
width: 300px;
height: 220px;
margin: 50px auto;
padding: 20px;
background-color: #f7f7f7;
border: 2px solid #ddd;
border-radius: 5px;
box-shadow: 0 0 5px #ddd;
}
.login-box h2 {
margin-top: 0;
text-align: center;
font-size: 24px;
font-weight: normal;
color: #333;
}
.login-box input[type="text"],
.login-box input[type="password"] {
width: 100%;
margin-bottom: 20px;
padding: 10px;
border: 1px solid #ddd;
border-radius: 3px;
box-sizing: border-box;
}
.login-box input[type="submit"]{
display: block;
width: 100%;
padding: 10px;
background-color: #4CAF50;
border: none;
border-radius: 3px;
color: #fff;
font-size: 16px;
text-align: center;
cursor: pointer;
transition: all .3s ease;
}
.login-box input[type="submit"]:hover{
background-color: #3e8e41;
}

以上的CSS代碼實現了一個簡單的登錄框樣式，其中包括一個標題、用戶名、密碼輸入框和一個登錄按鈕。我們可以通過修改樣式中的屬性，來改變登錄框的顏色、字體大小或其他樣式特征。另外，我們可以添加一些動畫效果來使其更加生動。

總之，使用CSS美化表單元素是很容易實現的。只需要一些基本的CSS知識和一些創造力，就可以創建不同風格的表單元素。讓你的網頁表單變得更加美觀和用戶友好。