超鏈接是網頁中重要的元素之一，通過超鏈接，網頁與網頁之間可以進行無縫鏈接，實現信息流的無縫連接。為了讓超鏈接在網頁中更好看，我們需要運用一些CSS的技巧，來設計好看的超鏈接樣式。

a {
color: #0366d6;
text-decoration: none;
position: relative;
display: inline-block;
padding: 5px 10px;
margin: 5px;
border-radius: 5px;
box-shadow: 1px 1px #ccc;
}
a:hover {
background-color: #0366d6;
color: #fff;
}
a:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 5px;
opacity: 0;
transition: opacity 0.2s ease;
}
a:hover:before {
opacity: 1;
}

首先我們定義了超鏈接的一些基本樣式，比如字體顏色，文本裝飾，以及位置和邊距等。然后我們定義了超鏈接鼠標懸浮時的樣式，當鼠標懸浮在超鏈接上時，超鏈接的背景顏色會變成藍色，字體顏色為白色。這樣做可以增強用戶的交互體驗，讓用戶更容易找到可點擊的區域。

接著我們使用“before”偽類，為超鏈接添加了一個遮罩層。這個遮罩層會在超鏈接鼠標懸浮時展現出來，遮住原來的樣式，從而使用戶知道自己在懸浮的是一個超鏈接。

當然，以上只是一種設計好看的超鏈接的方式，你可以根據你的網站類型和個人喜好，來設計出適合自己的超鏈接樣式。