HTML 内のハイパーリンクは次のように記述されます:
链接文本
ハイパーリンクは CSS を通じてスタイル設定できます。このうち、ハイパーリンクの色はCSSのcolor属性を使用して設定できます。
スタイル シートのハイパーリンク スタイルは、すべてのハイパーリンクの色をグローバルに変更できます:
a { color: #0000FF; /* 设置超链接颜色为蓝色 */ }
または、特定のハイパーリンクのみの色を変更できます:
a.link-class { color: #FF0000; /* 设置类为link-class的超链接颜色为红色 */ }
変更したいハイパーリンクのスタイルについては、次の CSS ルールを使用できます。
a:link { color: #0000FF; /* 设置超链接未访问时的颜色为蓝色 */ text-decoration: none; /* 去掉下划线 */ } a:hover { color: #FF0000; /* 设置鼠标悬停时的颜色为红色 */ text-decoration: underline; /* 增加下划线 */ }
上記のルールのうち、:link疑似クラスは未訪問のリンクを表し、:hover擬似クラスは、ホバー時のマウスリンクを表します。リンクの色やスタイルをさまざまな状態に設定することで、より自由で多様な効果を実現できます。
最後に注意すべき点は、HTML でハイパーリンクの色を設定する場合、スタイル コードをタグ