使用CSS，鏈接可以以不同的方式樣式。
文本鏈接 文本鏈接 鏈接按鈕 鏈接按鈕樣式化鏈接
鏈接可以與任何CSS屬性（例如設置樣式color ， font-family ， background等）。
此外，鏈接可以不同，這取決於他們是在什麼狀態風格。
這四個鏈接狀態是：
-
a:link-正常，未訪問鏈接 -
a:visited-一個鏈接的用戶訪問過 -
a:hover-一個鏈接時，在它的用戶鼠標 -
a:active-一個鏈接目前它被點擊
例
/* unvisited link */
a:link {
color: red;
}
/* visited
link */
a:visited {
color: green;
}
/* mouse over link */
a:hover {
color: hotpink;
}
/* selected link */
a:active {
color: blue;
} 試一試» 當設置好鏈路狀態的風格，也有一些規程規定：
- a:hover必須出現在a:link ，並a:visited
- a:active必須出現在a:hover
文本修飾
該text-decoration屬性主要用於從鏈接中刪除下劃線：
例
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: underline;
} 試一試» 背景顏色
的background-color屬性可以用於指定鏈接背景色：
例
a:link {
background-color: yellow;
}
a:visited {
background-color: cyan;
}
a:hover {
background-color: lightgreen;
}
a:active {
background-color: hotpink;
}
試一試» 高級 - 鏈接按鈕
這個例子表明，我們結合幾個CSS屬性顯示的鏈接，盒/按鈕更高級的例子：
例
a:link, a:visited {
background-color: #f44336;
color: white;
padding: 14px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}
a:hover, a:active {
background-color: red;
} 試一試» 
更多示例
加入不同風格的超鏈接
這個例子演示了如何將其他樣式添加到超鏈接。
高級-創建邊框的鏈接按鈕
如何創建鏈接框/按鈕另一個例子。