CSS3中提供了很多實用的特性，其中之一就是梯形按鈕。梯形按鈕是一種視覺效果比較炫酷的按鈕，可以在網頁中增強用戶的點擊體驗和視覺效果。

/* 梯形按鈕 */
.trapezium {
position: relative;
overflow: hidden;
width: 200px;
height: 50px;
}
.trapezium:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: #808080;
z-index: -1;
transform-origin: center center;
transform: skewX(-20deg);
}
.trapezium:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: #fff;
z-index: -1;
transform-origin: center center;
transform: skewX(-20deg) translateX(-50px);
}
.trapezium span {
position: relative;
z-index: 1;
display: block;
text-align: center;
font-size: 18px;
color: #fff;
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

上面的代碼是一個簡單的梯形按鈕的實現方式，通過 :before 、:after 偽元素和 transform 屬性，可以實現梯形的效果。同時，設置 overflow: hidden 屬性，可以隱藏按鈕的超出部分。最后，通過 span 元素來實現按鈕的文字和樣式。

需要注意的是，不同的瀏覽器可能對梯形按鈕的實現方式有所不同，特別是在早期的瀏覽器中可能會出現兼容性問題。在實現梯形按鈕時，需要結合實際需求和瀏覽器兼容性等因素，選擇合適的實現方式。