一，效果圖。css
二，代碼。html
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS 連接(link)</title> <style> a:link { color: #ff0000; text-decoration: none; background-color: #b2ff99; } a:visited { color: #00ff00; text-decoration: none; background-color: #ffff85; } a:hover { color: #ff00ff; text-decoration: underline; background-color: #ff704d; } a:active { color: #0000ff; text-decoration: underline; background-color: #ff704d; } </style> </head> <body> <p><b><a href="/css" target="_blank">這是一個連接</a></b></p> </body> </html>
參考資料：《菜鳥教程》post