在CSS中，您可以使用a標簽來在按鈕上添加超鏈接，以下是一個簡單的示例，展示如何在按鈕上添加超鏈接：

<div class="button-with-link">
  <a href="https://html4.cn">這是一個鏈接</a>
</div>

您可以使用CSS來樣式化這個按鈕和鏈接。

.button-with-link {
  display: inline-block;
  padding: 10px 20px;
  border: 1px solid #000;
  border-radius: 5px;
  text-decoration: none;
  color: #000;
  background-color: #fff;
}
.button-with-link a {
  text-decoration: none;
  color: #000;
}
.button-with-link:hover {
  background-color: #f8f8f8;
}

在這個示例中，我們創(chuàng)建了一個帶有鏈接的按鈕樣式。button-with-link類定義了按鈕的外觀，包括內(nèi)邊距、邊框、邊框半徑、文本裝飾、顏色和背景顏色。a標簽中的鏈接文本繼承了按鈕的顏色，并且沒有下劃線，當鼠標懸停在按鈕上時，背景顏色會變?yōu)?code>#f8f8f8，這是通過.button-with-link:hover偽類實現(xiàn)的。

這種方法使得在CSS中創(chuàng)建帶有超鏈接的按鈕變得簡單而靈活，您可以根據(jù)需要調(diào)整樣式和布局，以滿足不同的設(shè)計需求。