在網頁設計中，按鈕是非常重要的元素之一。而按鈕的形狀與樣式，在網頁的美觀度和用戶體驗方面都有很大的影響。CSS是網頁設計中的重要技術之一，可以用于創建各種按鈕的形狀以及樣式。

/* 創建矩形按鈕 */
.btn-rect {
display: inline-block;
padding: 10px 20px;
background-color: #3498db;
color: #fff;
border-radius: 5px;
border: none;
}
/* 創建圓形按鈕 */
.btn-circle {
display: inline-block;
padding: 10px 20px;
background-color: #3498db;
color: #fff;
border-radius: 50%;
border: none;
}
/* 創建橢圓形按鈕 */
.btn-oval {
display: inline-block;
padding: 10px 20px;
background-color: #3498db;
color: #fff;
border-radius: 20px/50%;
border: none;
}
/* 創建三角形按鈕 */
.btn-triangle {
display: inline-block;
padding: 10px 20px;
background-color: #3498db;
color: #fff;
width: 0;
height: 0;
border-top: 20px solid transparent;
border-right: 20px solid #3498db;
border-bottom: 20px solid transparent;
border-left: none;
}

上述代碼給出了創建四種形狀的按鈕的CSS樣式。其中，矩形按鈕使用了border-radius屬性來設置圓角半徑，圓形按鈕使用了50%的border-radius屬性，橢圓形按鈕使用border-radius以及/50%的語法，而三角形按鈕則使用了border的4個屬性來實現。

通過使用不同的border-radius屬性和其他CSS屬性，我們可以輕松創建出各種形狀的按鈕。這不僅僅可以提高網頁的美觀度，也可以為用戶提供更好的操作體驗。