在網站設計中，登錄頁面的css樣式是非常重要的，它能夠為訪問者提供一個愉悅的用戶體驗。雖然在設計登錄頁面時，我們通常會使用圖片，但是在一些情況下，使用圖片并不是最好的解決方案。在這篇文章中，我們將探討一些不使用圖片的登錄頁面css效果。

首先，我們來看看如何創建一個簡單的登錄表單：

<form>
<label>用戶名</label>
<input type="text" name="username">
<label>密碼</label>
<input type="password" name="password">
<input type="submit" value="登錄">
</form>

現在，我們為表單添加樣式：

form {
background-color: #f2f2f2;
width: 300px;
padding: 20px;
margin: 0 auto;
}
label {
display: block;
margin-bottom: 10px;
font-weight: bold;
}
input[type="text"],
input[type="password"],
input[type="submit"] {
width: 100%;
padding: 10px;
margin-bottom: 20px;
border-radius: 5px;
border: none;
}
input[type="submit"] {
background-color: #4CAF50;
color: #fff;
cursor: pointer;
}
input[type="submit"]:hover {
background-color: #3e8e41;
}

解釋一下上面的代碼，我們首先為表單增加了一個背景色，并設置了它的寬度和邊距，以使它居中。接下來，為了使標簽垂直排列，我們將label元素的顯示屬性設置為block，并為它們設置了一些間距和加粗樣式。對于輸入元素，我們設置了相同的寬度和內邊距，以使它們均勻地占據表單。我們還使用了圓角邊框和純顏色來增加元素的美感。

最后，我們使用了一些偽類來為登錄按鈕增加了一個簡單的hover效果。當鼠標移到按鈕上時，它的背景色會變成深綠色，以使按鈕看起來更美觀。

總的來說，雖然使用圖片可以創建出更復雜的登錄頁面樣式，但是僅僅用css也能夠實現很多令人滿意的效果。希望這篇文章能夠為您提供有用的參考和靈感。