CSS中的按鈕設計是實現網頁交互的非常重要的一部分，下面，我們將討論兩種非常常見的按鈕樣式。

.button{
padding: 10px 20px;
font-size: 16px;
background-color: #428bca;
color: #fff;
border-radius: 5px;
border: none;
cursor: pointer;
}
.button:hover{
background-color: #3071a9;
}

以上代碼實現了一種非常普遍的按鈕樣式。這種按鈕使用了積極的藍色色調，邊框采用了圓角矩形的設計，文字采用了白色，整個按鈕的hover狀態也會引起顏色的變化。

.button{
padding: 10px 20px;
font-size: 16px;
background-color: #fff;
color: #428bca;
border-radius: 5px;
border: 2px solid #428bca;
cursor: pointer;
}
.button:hover{
background-color: #428bca;
color: #fff;
}

以上代碼實現了另一種常規按鈕的樣式。這種按鈕采用了藍色的外觀，采用了白色的邊框和白色的文字。同時，在hover狀態下，按鈕的顏色和文字發生了翻轉。

這些按鈕樣式都十分常見，格式也非常容易掌握。以此為基礎進一步改進和設計各種按鈕樣式都是非常容易的。