CSS3登錄窗是網站開發中非常常見的一種元素，它可以讓用戶以安全的方式輸入用戶名和密碼，以便訪問網站的其他內容。

在CSS3中，我們可以使用不同的屬性和功能來創建漂亮的登錄窗。下面是一個簡單的HTML和CSS代碼示例。

<div class="login-container">
<h2>Login</h2>
<form>
<input type="text" placeholder="Username" />
<input type="password" placeholder="Password" />
<input type="submit" value="Login" />
</form>
</div>
.login-container {
width: 300px;
margin: 0 auto;
background-color: white;
border: 1px solid #ccc;
padding: 20px;
border-radius: 5px;
}
.login-container h2 {
text-align: center;
margin-bottom: 20px;
}
form input[type="text"],
form input[type="password"] {
width: 100%;
padding: 10px;
margin-bottom: 10px;
border-radius: 3px;
border: 1px solid #ccc;
}
form input[type="submit"] {
width: 100%;
background-color: #4CAF50;
padding: 10px;
color: white;
font-weight: bold;
border-radius: 3px;
border: none;
cursor: pointer;
}

在上面的代碼中，我們首先定義了一個類名為“login-container”的div元素，它是整個登錄窗口的容器。然后，我們在該容器中添加一個標題（h2元素）和一個表單（form元素），表單包括用戶名和密碼輸入框以及提交按鈕（input元素）。最后，我們添加了一些CSS屬性，例如背景顏色、圓角邊框和內邊距，以優化整個登錄窗口的外觀和布局。

當用戶訪問您的網站時，他們會注意到這個漂亮的登錄窗口，它會提供一個簡單和安全的方式來進行認證。嘗試使用CSS3登錄窗口，以提高您的網站的外觀和用戶體驗！