連結是從一個網頁到另一個網頁的連接，CSS可透過不同屬性以各種不同方式來設定連結的樣式。
一、連結樣式
連結是網站的重要組成部分，幾乎在每個網頁上都能看到不少的鏈接，合理的設計鏈接的樣式能夠為網頁的顏值加分。連結有四種不同的狀態，分別是link、visited、active 和hover，可以透過以下偽類選擇器來為連結的四種狀態設定不同的樣式：
（1）a：link =>這是一個正常的，未造訪過的連結。
（2）a：visited =>這是用戶至少訪問過一次的鏈接
（3）a：hover =>當滑鼠懸停在它上面時，這是一個鏈接
（4）a：active =>這是一個剛剛點擊的連結。
文法:
a:link{color:color_name;}color_name可以採用任何格式，如顏色名稱（green）、十六進位值（#5570f0）或RGB值-rgb(25, 255, 2)。還有另一個狀態“a:focus”，用於在用戶使用Tab鍵瀏覽連結時進行對焦。
連結的預設值：
（1）預設情況下，建立的連結帶有下劃線。
（2）當滑鼠懸停在連結上方時，它會變成手形圖示。
（3）正常/未訪問的連結為藍色。
（4）訪問過的連結有紫色。
（5 ）活動連結為紅色。
（6）連結聚焦時，它周圍有一個輪廓。
例如：
<!DOCTYPEhtml><html><head><metacharset=UTF-8><title>CSSlinks</title><style>p{font-size:25px;text-align:center;}</style></head ><body><p><ahref=https://www.dotcpp.com/>簡單連結</a></p></body></html>展示的結果如圖：
二、CSS如何設定連結的樣式？
下面是連結的一些基本CSS屬性：
（1）color屬性
此CSS屬性用於變更連結文字的顏色。
文法:
a{color:color_name;}（2）font-family屬性
此屬性用於使用font-family屬性變更連結的字體類型。
文法:
a{font-family:familyname;}（3）text-decoration屬性
此屬性主要用於向連結刪除或新增底線等修飾。
文法:
a{text-decoration:none;}舉例：
<style>/*設定字體大小以提高可見性*/p{font-size:2rem;}/*使用text-decoration屬性刪除下劃線*/a{text-decoration:none;}/*也可以使用以下樣式，新增底線text-decoration:underline;*/</style>（4）background-color屬性
此屬性用於設定連結的背景顏色。
文法:
a{background-color:color_name;}