在網頁設計中，超鏈接是起到非常重要作用的元素。結合 CSS 樣式可以制作出非常美觀的按鈕樣式。通過 CSS 樣式，可以改變超鏈接的顏色、大小、粗細、字體等等元素。下面將以一個簡單的按鈕樣式為例。

a.button {
display: inline-block;
padding: 8px 12px;
background-color: #4CAF50;
color: #ffffff;
text-decoration: none;
border-radius: 4px;
border: none;
font-size: 16px;
font-weight: bold;
}
a.button:hover {
background-color: #3e8e41;
}

首先，在 HTML 中創建一個超鏈接，并添加一個 CSS 類名，這里我們使用 button 作為類名。接著，在 CSS 中針對此類名進行樣式設置。

首先設置顯示類型，使用display: inline-block;讓超鏈接像一個塊元素一樣顯示。接著設置內邊距padding: 8px 12px;使得超鏈接內部有一定的間隔。設置背景顏色background-color: #4CAF50;和文字顏色color: #FFFFFF;接下來，我們去除超鏈接自帶的下劃線text-decoration: none;。為超鏈接元素設置圓角邊框border-radius: 4px;和border: none;表示邊框為無。設置字體大小font-size: 16px;和font-weight: bold;表示文字的大小和加粗。

通過上述的樣式設置，我們已經創建了一個功能齊備的超鏈接按鈕，可以發布到網頁中使用了。同時，當鼠標懸浮在按鈕上時，由于設置了hover樣式，按鈕顏色將會變得更深，這為用戶帶來更好的交互體驗。