在網(wǎng)頁設(shè)計(jì)中，登錄界面的CSS設(shè)計(jì)是非常重要的。一個(gè)有吸引力的登錄界面不僅可以提升用戶體驗(yàn)，還能為網(wǎng)站增添魅力。

/*CSS代碼*/
.login{
width:300px;
margin:auto;
border:1px solid #ccc;
padding:10px;
border-radius:5px;
}
.login h1{
text-align:center;
font-size:30px;
color:#333;
}
.login input[type="text"],.login input[type="password"]{
width:100%;
padding:10px;
margin-bottom:15px;
border-radius:5px;
border:1px solid #ccc;
}
.login input[type="submit"]{
width:100%;
background-color:#2196F3;
color:#fff;
padding:10px;
border:none;
border-radius:5px;
cursor:pointer;
}
.login input[type="submit"]:hover{
background-color:#0b7dda;
}
.login p{
text-align:center;
}

這是一個(gè)簡(jiǎn)單的登錄界面樣式，使用了居中、邊框、圓角、表單樣式、背景顏色等CSS屬性。為了在不同的瀏覽器中呈現(xiàn)相同的結(jié)果，我們可以將CSS樣式放入一個(gè)CSS文件中并引入網(wǎng)頁，也可以將樣式直接寫在文檔頭部的style標(biāo)簽中。