在CSS中，我們可以使用偽元素來創(chuàng)建按鈕，并通過JavaScript添加鏈接，以下是一個(gè)簡(jiǎn)單的示例：

HTML代碼：

<div class="button">添加鏈接</div>

CSS代碼：

.button {
  position: relative;
  width: 100px;
  height: 50px;
  background-color: #4CAF50;
  color: white;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
}

JavaScript代碼：

document.querySelector('.button').addEventListener('click', function() {
  var link = document.createElement('a');
  link.; // 替換成你要添加的鏈接
  link.target = '_blank'; // 打開鏈接的新窗口
  link.style.color = 'white'; // 鏈接顏色
  link.style.textDecoration = 'none'; // 無鏈接下劃線
  this.appendChild(link); // 將鏈接添加到按鈕中
});

在這個(gè)示例中，我們首先在HTML中創(chuàng)建一個(gè)帶有類名button的div元素，在CSS中定義按鈕的樣式，包括寬度、高度、背景顏色、顏色、文本對(duì)齊方式和光標(biāo)類型，在JavaScript中，我們使用addEventListener方法添加了一個(gè)點(diǎn)擊事件監(jiān)聽器，該監(jiān)聽器會(huì)在按鈕被點(diǎn)擊時(shí)創(chuàng)建一個(gè)新的a元素，并設(shè)置其href屬性為要添加的鏈接，我們還設(shè)置了鏈接的顏色和文本裝飾，并將其添加到按鈕中。

通過這種方式，我們可以使用CSS創(chuàng)建漂亮的按鈕，并使用JavaScript為按鈕添加鏈接，你可以根據(jù)自己的需求調(diào)整按鈕的樣式和鏈接的樣式。