CSS を使用してハイパーリンクの下線を削除する方法

CSS 構文を使用して、ハイパーリンクの形式と色の変更を制御できます。なぜリンクを下線と色で区別する必要があるのでしょうか? 主な理由としては、主に 1. 視力の悪い人 2. 色覚異常のある人 が考えられます。 。 。

次のようなリンクを作成してみましょう。リンクがクリックされていない場合、ハイパーリンクのテキストは下線が引かれず、青色で表示されます。リンク上にマウスがある場合は、下線が引かれ、リンクのテキストは赤色で表示されます。をクリックすると、リンクには下線が引かれず、緑色で表示されます。

以下の CSS 構文コントロールを 93f0f5c25f18dab9d176bd4f6de5d30e の間に追加します。

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>

93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 の間にコードを挿入します。タイトル>

-------------------------- --------------------- -------------------

CSS を使用して、リンクの点線の下線と通常の下線の効果を実現します

<style type="text/css"> 
<!-- 
A { text-decoration: none} 
--> 
</style>

a {
color:#3399FF;
font-weight:Normal; /*CSS字体效果 普通 可以改成bold粗体 如果去除此行那么默认是不显示下划线的*/
text-decoration:none; /*CSS下划线效果：无下划线*/
}

rree

以上がCSS を使用してハイパーリンクの下線を削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。