CSS3古典按鈕是一種常見的網頁設計元素，可以為網頁添上古典雅致的風格。下面我們來學習如何實現CSS3古典按鈕。

.button {
display: inline-block;
background-color: #fff;
border: 2px solid #000;
padding: 10px 20px;
text-decoration: none;
color: #000;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
border-radius: 30px;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
.button:hover {
background-color: #000;
color: #fff;
transition: background-color 0.5s ease;
}
.button:active {
box-shadow: none;
}

這段代碼使用了眾多CSS3屬性，讓按鈕呈現出典雅的外觀。其中，border-radius屬性控制了邊框圓角弧度大小，box-shadow屬性使按鈕浮現在網頁中。

最后，我們使用:hover和:active偽類為按鈕添加了交互體驗，讓用戶點擊時有視覺上的反饋。

使用以上代碼，我們就可以輕松實現CSS3古典按鈕，為網頁添加一份優雅的典雅之風。