W3School TIY Editor
W3CSTUDY オンライン チュートリアル
方向を変更
ダーク モード
コードの実行
<!DOCTYPE html> <html> <head> <style> a:link { background-color: yellow; } a:visited { background-color: cyan; } a:hover { background-color: lightgreen; } a:active { background-color: hotpink; } </style> </head> <body> <h1>CSS リンク</h1> <p><b><a href="/" target="_blank">これはリンクです</a></b></p> <p><b>注:</b> CSS 定義では、a:hover を有効にするには、a:link および a:visited の後に来る必要があります。 </p> <p><b>注:</b> CSS 定義では、a:active は a:hover の後に来て有効にする必要があります。 </p> </body> </html>