在 HTML 中，我們通常使用標簽來鏈接不同的網頁。同時，我們也可以使用標簽來為鏈接添加樣式，從而美化我們的頁面。
a {
color: #007bff; /* 鏈接文本顏色 */
text-decoration: none; /* 鏈接下劃線 */
}
a:hover {
color: #0056b3; /* 鼠標懸停時鏈接文本顏色 */
text-decoration: underline; /* 鼠標懸停時鏈接下劃線 */
}
a:active {
color: #0056b3; /* 鏈接點擊后文本顏色 */
text-decoration: underline; /* 鏈接點擊后下劃線 */
}在上面的代碼中，我們使用 CSS 樣式對標簽的不同狀態進行了設置。當用戶鼠標懸停在鏈接上時，鏈接的顏色會發生變化，并且會出現下劃線。當用戶點擊鏈接時，鏈接的顏色和下劃線也會相應改變。
除了上面的樣式設置，我們還可以使用標簽來添加偽元素，實現更多的樣式效果。
a:before {
content: "<"; /* 在鏈接前添加字符 "<" */
margin-right: 5px; /* 右側邊距 */
}
a:after {
content: ">"; /* 在鏈接后添加字符 ">" */
margin-left: 5px; /* 左側邊距 */
}在上面的代碼中，我們使用偽元素:before和:after在鏈接前后添加了字符，同時還設置了邊距，使得樣式更加美觀。
在編寫頁面時，如果需要對鏈接樣式進行修改，我們只需要修改對應的 CSS 樣式即可，不需要對每一個鏈接都進行修改，這樣非常方便。
上一篇css 動畫制作工具
下一篇css 動畫 不回到0