CSS是定義網頁樣式的一種標準語言，它可以使得網頁更加美觀、易讀，也可以通過樣式設置來讓頁面的交互更加靈活。其中一項重要功能就是設置按鈕樣式，以下是一些常用的設置方式。

.btn{
display:inline-block; /*設置按鈕樣式為行內塊元素*/
text-align:center; /*文本居中*/
vertical-align:middle; /*垂直居中*/
border:none; /*去除默認邊框*/
background-color:#f60; /*設置按鈕背景色*/
color:#fff; /*設置按鈕字體顏色*/
padding:10px 20px; /*內邊距*/
border-radius:20px; /*設置圓角*/
font-size:16px; /*設置字體大小*/
cursor:pointer; /*設置鼠標樣式*/
}

除了以上這些基礎樣式設置，我們還可以根據不同的需求來設置各種類型的按鈕樣式，例如hover、active、disabled等。以下是一些例子：

/*鼠標懸停樣式*/
.btn:hover{
opacity:0.8; /*改變透明度*/
}
/*點擊后樣式*/
.btn:active{
background-color:#c00;
}
/*禁用狀態樣式*/
.btn:disabled{
background-color:#ccc;
color:#666;
cursor:not-allowed;
}

通過以上樣式設置，我們可以輕松地創建出各種不同類型的按鈕樣式，幫助網頁交互更加人性化、富有動感。