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

黄舟
リリース: 2017-07-22 13:58:55
オリジナル
2235 人が閲覧しました

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>
ログイン後にコピー

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

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

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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート