CSS是一種樣式表語(yǔ)言，可以用來(lái)控制網(wǎng)頁(yè)的樣式和布局，其中圓角按鈕是常用的界面元素之一。接下來(lái)我們將演示如何使用CSS設(shè)置圓角按鈕。

.btn{
border-radius: 10px;
padding: 12px 24px;
background-color: #4CAF50;
color: white;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
.btn:hover {
background-color: #3e8e41;
}

以上代碼中，我們使用了border-radius屬性來(lái)設(shè)置按鈕的圓角大小，padding屬性來(lái)設(shè)置按鈕文本與邊框的距離，background-color屬性來(lái)設(shè)置按鈕的背景顏色，color屬性來(lái)設(shè)置按鈕文本的顏色，text-align屬性來(lái)設(shè)置按鈕文本的水平對(duì)齊方式，text-decoration屬性來(lái)設(shè)置按鈕文本的下劃線，display屬性來(lái)設(shè)置按鈕的顯示方式，font-size屬性來(lái)設(shè)置按鈕文本的字號(hào)大小，margin屬性來(lái)設(shè)置按鈕與其他元素的距離，cursor屬性來(lái)設(shè)置鼠標(biāo)指針在按鈕上的形狀。同時(shí)，我們使用:hover偽類來(lái)設(shè)置鼠標(biāo)懸停在按鈕上時(shí)的樣式。

至此，我們已經(jīng)學(xué)會(huì)了如何使用CSS設(shè)置圓角按鈕。通過(guò)靈活運(yùn)用CSS，我們可以為網(wǎng)頁(yè)添加豐富多彩的界面元素，讓頁(yè)面更加美觀和實(shí)用。