導讀跟大家講解下有關html中如何設置超鏈接的樣式，相信小伙伴們對這個話題應該也很關注吧，現在就為小伙伴們說說html中如何設置超鏈接的樣式，
跟大家講解下有關html中如何設置超鏈接的樣式，相信小伙伴們對這個話題應該也很關注吧，現在就為小伙伴們說說html中如何設置超鏈接的樣式，小編也收集到了有關html中如何設置超鏈接的樣式的相關資料，希望大家看到了會喜歡。
設置超鏈接的樣式示例：
a:link 超鏈接被點前狀態
a:visited 超鏈接點擊后狀態
a:hover 懸停在超鏈接時
a:active 點擊超鏈接時
在定義這些狀態時，有一個順序l v h a。
（推薦教程：html教程）
代碼區：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無標題文檔</title> <style type="text/css"> a:link { color:#000; text-decoration:none;} a:visited { color:#000; text-decoration:none;} a:hover { color:#F00; text-decoration:underline;} a:active { color:#F90; text-decoration:underline;} </style> <link href="Untitled-1.css" rel="stylesheet" type="text/css" /> </head> <body> <a href="http://www.baidu.com/">百度一下</a> </body></html>運行顯示：鼠標箭頭未放到“百度一下”，其顯示黑色——放上時，其顯示紅色——點擊“百度一下”鏈接時，其顯示橙色——點擊后，其顯示黑色。
相關視頻教程推薦：html視頻教程
以上就是html中如何設置超鏈接的樣式的詳細內容，更多請關注php中文網其它相關文章！
來源：php中文網
免責聲明：本文由用戶上傳，如有侵權請聯系刪除！