CSS3技術不僅可以讓網頁變得更加美觀，還可以方便地制作出各種元素。其中，圓角按鈕是經常使用的一個元素。下面，我們就來學習一下如何使用CSS3制作圓角按鈕。

/*HTML代碼*/
<button class="btn">點擊我</button>

/*CSS代碼*/
.btn {
background-color: #4CAF50;
border: none;
color: white;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
border-radius: 10px;
}

代碼中，我們為按鈕添加了一個名為“btn”的class，并設置了按鈕的背景顏色、邊框、字體等樣式，同時還設置了按鈕的圓角效果。其中，border-radius屬性就是用來實現圓角效果的。我們將它的值設置為10px，可以看到按鈕的四個角都有了圓角效果。

如果我們需要制作不同大小的圓角按鈕，可以調整border-radius屬性的值，如border-radius: 50%表示將按鈕圓角化。還可以分別設置每個角的圓角半徑，格式如下：

.btn {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}

使用CSS3制作圓角按鈕，不僅可以使按鈕更加美觀，而且可以提高用戶的體驗感受。希望這篇文章能對大家有所幫助。