CSS 中，登錄按鈕是網(wǎng)頁(yè)中常見(jiàn)的一個(gè)元素，通過(guò)樣式設(shè)計(jì)它的樣子能夠很好地提升用戶(hù)體驗(yàn)，下面是一個(gè)簡(jiǎn)單的 CSS 代碼示例：

/* 基礎(chǔ)樣式 */
button.login-button {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
border-radius: 20px;
color: #333333;
font-size: 16px;
padding: 10px 20px;
}
/* 按鈕懸停狀態(tài) */
button.login-button:hover {
background-color: #F2F2F2;
border: 1px solid #BBBBBB;
cursor: pointer;
}
/* 按鈕按下?tīng)顟B(tài) */
button.login-button:active {
background-color: #E0E0E0;
border: 1px solid #999999;
}

以上代碼中，通過(guò)一系列的 CSS 樣式設(shè)置，我們創(chuàng)建了一個(gè)基本的登錄按鈕，其樣式包括邊框、背景色、字體顏色和尺寸等，在鼠標(biāo) hover 或 click 時(shí)也會(huì)有對(duì)應(yīng)的樣式變化，使得用戶(hù)更容易理解和使用這個(gè)按鈕元素。

需要注意的是，在實(shí)際項(xiàng)目中，若使用了 CSS 預(yù)處理器和模塊化 CSS 等技術(shù)，代碼會(huì)更加分散和靈活。同時(shí)，還有一些插件和庫(kù)可以用來(lái)快速構(gòu)建登錄框、表單等常見(jiàn)組件，方便開(kāi)發(fā)。