本篇文章帶給大家的內容是關於css超連結如何設定？ css超連結樣式的設定方法，有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。
1、簡單超連結
box.html
<!doctype html><html><head>
<mate charset="utf-8">
<title>超链接</title>
<link href="link.css" type="text/css" rel="stylesheet"></head><body>
<p>
<a href="#" class="link">首页</a>
</p></body></html>link.css
a.link{
text-decoration:none;
font-size:23px;
display:black;
}2、偽類別:某一個屬性的某一個狀態;
超連結的4種狀態：
link(未被存取時的狀態);
visited(使用者已造訪的狀態);
hover(滑鼠經過時的狀態);
active(滑鼠點擊時狀態);
link.css
a:link{
font-size:41px;
color:black;
text-decoration: none;
}
a:visited{
font-size:23px;
color:pink;
background-color: pink;
}
a:hover{
font-size: 34px;
color:green;
background-color: #123456;
}
a:active{
color:blue;
font-size: 60px;
background-color: #498544;
}相關推薦：
【CSS寫法】超連結樣式_html/css_WEB -ITnose
CSS如何實作超連結背景切換_html/css_WEB-ITnose
以上是css怎麼設定超連結？ css超連結樣式的設定方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！
