HTML5 Button設置圓角 在Web開發中，Button元素是常用的交互元素之一。為了讓網頁看起來更加美觀，我們可以使用CSS樣式來設置Button的樣式，例如設置Button的邊框圓角。那么在HTML5中，如何設置Button的圓角呢？ 首先在HTML中創建Button元素：

<button>點擊我</button>

在CSS中設置Button的圓角樣式：

/*將Button的邊框圓角設置為5px*/
button {
border-radius: 5px;
}

通過以上代碼，我們成功將Button的邊框設置成了圓角形狀。 同時，我們還可以使用CSS3新增的屬性，將Button元素的四個角的圓角度數設置成不同的值：

button {
/*左上角圓角*/
border-top-left-radius: 10px;
/*右下角圓角*/
border-bottom-right-radius: 8px;
/*右上角圓角*/
border-top-right-radius: 15px;
/*左下角圓角*/
border-bottom-left-radius: 5px;
}

這樣就可以實現Button在不同角度的圓角設置。 使用HTML5和CSS設置Button的圓角樣式，可以讓Web頁面看起來更加美觀和精致，同時也能提高用戶體驗。