按鈕是網頁設計中常用的組件，其樣式的設計直接影響用戶體驗和頁面美觀程度。在css中，我們可以通過屬性來設置按鈕的外觀，包括邊框、背景色、字體、大小、圓角等等。下面是一些常用的樣式代碼。

/* 設置按鈕的背景色和字體大小 */
button {
background-color: #4CAF50;
color: white;
font-size: 16px;
}
/* 設置按鈕的圓角 */
button.rounded {
border-radius: 20px;
}
/* 設置按鈕樣式為邊框 */
button.outline {
border: 2px solid #4CAF50;
background-color: white;
color: #4CAF50;
}
/* 設置按鈕的浮動狀態 */
button:hover {
background-color: lightgreen;
}
/* 設置禁用狀態下的按鈕樣式 */
button:disabled {
opacity: 0.6;
cursor: not-allowed;
}

以上代碼可以實現常見的按鈕樣式，但是在實際開發中，可能需要更具體的樣式需求，可以通過更多的屬性和選擇器來設置。總之，按鈕的設計應當既滿足美觀的要求，也要符合用戶使用習慣，讓網頁更加易用和友好。