CSS6 是 Cascading Style Sheets 的第六個(gè)版本，是一種用于網(wǎng)頁(yè)設(shè)計(jì)的樣式表語(yǔ)言。下面我們將教大家如何創(chuàng)建一個(gè)簡(jiǎn)單卻美觀(guān)的登陸頁(yè)面。

/* 設(shè)置背景顏色和字體 */
body {
background-color: #f2f2f2;
font-family: Arial, sans-serif;
}
/* 中央對(duì)齊 */
.container {
width: 60%;
margin: 0 auto;
text-align: center;
}
/* 登陸表格樣式 */
form {
background-color: #fff;
border-radius: 5px;
padding: 40px;
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
}
/* 每個(gè)表單元素樣式 */
input[type="text"],
input[type="password"] {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border-radius: 4px;
border: 1px solid #ccc;
box-sizing: border-box;
}
/* 登陸按鈕樣式 */
button[type="submit"] {
background-color: #4CAF50;
color: #fff;
padding: 14px 20px;
margin: 8px 0;
border: none;
border-radius: 4px;
cursor: pointer;
}
button[type="submit"]:hover {
background-color: #45a049;
}
/* 鏈接樣式 */
a {
color: dodgerblue;
}
a:hover {
text-decoration: underline;
}

使用以上 CSS 代碼，我們就可以得到一個(gè)簡(jiǎn)單而美觀(guān)的登陸頁(yè)面。你可以自己做些小改動(dòng)，如修改背景顏色，改變字體樣式，或者更改登陸表單的樣式。

總之，CSS6 可以讓我們輕松地改變頁(yè)面的外觀(guān)和布局，為我們的網(wǎng)頁(yè)增加感性美，并提高用戶(hù)的體驗(yàn)。