CSS 構文を使用して、ハイパーリンクの形式と色の変更を制御できます。なぜリンクを下線と色で区別する必要があるのでしょうか? 主な理由としては、主に 1. 視力の悪い人 2. 色覚異常のある人 が考えられます。 。 。
次のようなリンクを作成してみましょう。リンクがクリックされていない場合、ハイパーリンクのテキストは下線が引かれず、青色で表示されます。リンク上にマウスがある場合は、下線が引かれ、リンクのテキストは赤色で表示されます。をクリックすると、リンクには下線が引かれず、緑色で表示されます。
以下の CSS 構文コントロールを
の間に追加します。 a:hover はリンク上のマウスを指します。訪問済みのリンク; text-decoration はテキストの装飾効果を意味します;
none パラメータはハイパーリンクのテキストが表示されないことを意味します Underline;
下線パラメータはハイパーリンクのテキストに下線が引かれていることを示します
------ --------------------------------- --------------- -------------------
デモ: Web ページのリンクから下線を削除します
<style type="text/css"> <!-- a:link { text-decoration: none;color: blue} a:active { text-decoration:blink} a:hover { text-decoration:underline;color: red} a:visited { text-decoration: none;color: green} --> </style>
<style type="text/css"> <!-- A { text-decoration: none} --> </style>
a { color:#3399FF; font-weight:Normal; /*CSS字体效果 普通 可以改成bold粗体 如果去除此行那么默认是不显示下划线的*/ text-decoration:none; /*CSS下划线效果:无下划线*/ }
以上がCSS を使用してハイパーリンクの下線を削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。