css設定超連結樣式的方法是,為超連結新增偽類,例如【a:visited {color:#00FF00;}】。 【a:visited】表示使用者已經造訪過的連結。
本文操作環境:windows10系統、css 3、thinkpad t480電腦。
如果我們要設定超連結的樣式,其實是可以使用任何一個css屬性的,像是顏色、字體、背景等等。但是如果你想設定特別的樣式,就需要使用到偽類。下面我們一起來看下偽類。
提示:特別的鏈接,可以有不同的樣式,這取決於他們是什麼狀態。
這四個連結狀態是:
a:link - 正常,未造訪過的連結
a: visited - 使用者已造訪的連結
a:hover - 當使用者滑鼠放在連結上時
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <style> a:link {color:#000000;} /* 未访问链接*/ a:visited {color:#00FF00;} /* 已访问链接 */ a:hover {color:#FF00FF;} /* 鼠标移动到链接上 */ a:active {color:#0000FF;} /* 鼠标点击时 */ </style> </head> <body> <p><b><a href="/css/" target="_blank">这是一个链接</a></b></p> <p><b>注意:</b> a:hover 必须在 a:link 和 a:visited 之后,需要严格按顺序才能看到效果。</p> <p><b>注意:</b> a:active 必须在 a:hover 之后。</p> </body> </html>
##相關推薦:
css影片教學以上是css該怎麼設定超連結樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章!