CSS忘記密碼頁面怎么寫
在CSS中，我們可以通過編寫一些簡單的樣式來美化忘記密碼頁面，以下是一些建議：
1、重置密碼表單：
忘記密碼頁面通常包含一個重置密碼的表單，我們可以使用CSS來美化這個表單，
```css
.reset-password-form {
width: 300px;
margin: 0 auto;
padding: 20px;
border: 1px solid #ccc;
border-radius: 5px;
}
```
2、表單輸入：
對于表單中的輸入字段，我們可以使用CSS來添加一些樣式，
```css
.reset-password-form input[type="text"],
.reset-password-form input[type="password"] {
width: 100%;
padding: 10px;
border: 1px solid #aaa;
border-radius: 3px;
}
```
3、按鈕樣式：
重置密碼頁面通常包含一個提交按鈕，我們可以使用CSS來美化這個按鈕，
```css
.reset-password-form button {
width: 100%;
padding: 10px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 3px;
cursor: pointer;
}
```
4、提示信息：
在忘記密碼頁面中，通常還會顯示一些提示信息，我們可以使用CSS來添加一些樣式，
```css
.reset-password-info {
color: #999;
margin-top: 10px;
}
```
5、整體布局：
為了確保頁面的整體美觀，我們可以添加一些全局樣式，
```css
body {
font-family: Arial, sans-serif;
line-height: 1.6;
color: #333;
background-color: #f5f5f5;
}
h1, h2, h3, h4, h5, h6 {
color: #111;
}
p {
color: #666;
}
```
通過以上CSS樣式，我們可以創(chuàng)建一個簡單而美觀的忘記密碼頁面，這只是一個基本的示例，你可以根據(jù)自己的需求進(jìn)行調(diào)整和擴(kuò)展。
