CSS3是一種前端開發技術，可以使用它來創建各種漂亮的用戶界面。其中之一是純CSS3登錄框，這個登錄框不需要使用任何JavaScript來實現。下面我們來介紹一下如何使用純CSS3實現登錄框。

HTML 代碼：
<div class="login">
<h2>登錄</h2>
<form>
<input type="text" placeholder="用戶名" required />
<input type="password" placeholder="密碼" required />
<button type="submit">登錄</button>
</form>
</div>
CSS3 代碼：
.login {
margin: 50px auto;
width: 300px;
padding: 20px;
background: #fff;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.login h2 {
text-align: center;
color: #333;
}
.login form {
display: flex;
flex-direction: column;
}
.login input[type="text"],
.login input[type="password"] {
height: 40px;
margin: 10px 0;
padding: 10px;
border: none;
border-radius: 5px;
}
.login input[type="text"]:focus,
.login input[type="password"]:focus {
outline: none;
box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.login button[type="submit"] {
height: 40px;
margin-top: 10px;
background: #007bff;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
}
.login button[type="submit"]:hover {
background: #0062cc;
}

上面的HTML和CSS代碼可以直接在你的網站中使用。其中，HTML代碼定義了一個class為“login”的容器，并在其中包含了一個表單，表單包含了一個文本框、一個密碼框和一個登錄按鈕。CSS代碼定義了登錄框的樣式，包括顏色、大小、邊框、陰影和字體樣式等。你可以根據你的需要進行樣式調整。

如果你想要進一步學習關于CSS3的知識，可以查看一些在線教程或者購買一些書籍來深入學習。