按鈕是網頁設計中經常用到的重要元素，除了文字和顏色外，按鈕的樣式也可以通過CSS來設計。其中，圓邊樣式是一種常見的設計方式，通過設置邊框圓角來使按鈕看起來更加平滑和美觀。

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

上述代碼是一個典型的圓邊按鈕樣式，主要包括了設置內邊距、邊框圓角、邊框顏色、背景顏色、字體大小、鼠標樣式等屬性。其中，hover偽類還可以用來設置鼠標懸停時的樣式，實現交互效果。

需要注意的是，不同瀏覽器對圓角的支持程度不同，如果想要兼容多個瀏覽器，需要加上瀏覽器前綴。例如：

.btn {
padding: 10px 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 2px solid #ccc;
background-color: #fff;
font-size: 16px;
cursor: pointer;
}

上述代碼通過添加了-webkit和-moz前綴，使得圓角樣式在Chrome和Firefox瀏覽器中也能夠得到兼容。

總之，圓邊按鈕樣式是一種簡單且實用的設計方式，通過CSS的設置，使得按鈕看起來更加美觀，同時也提高了網站的用戶體驗。