CSSでハイパーリンクの色を設定する方法

藏色散人
リリース: 2023-01-06 11:13:10
オリジナル
7306 人が閲覧しました

CSS でハイパーリンクの色を設定する方法: 1. 「a:link{color:#000000;}」を通じて未訪問のリンクの色を設定します; 2. 「a:visited {color:#00FF00」を通じて;}" " 訪問したリンクの色などを設定します。

CSSでハイパーリンクの色を設定する方法

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター

css は次の疑似クラスを使用して設定できます。ハイパーリンク:

a:link: これは未訪問のスタイルです。下線の削除、色の変更など、さまざまなことを追加できます。;

a:visited: はいスタイルをクリックした後、スタイルに多くの要素を追加することもでき、下線の削除、色の変更、ズームインなどの機能を実行できます;

a:hover: これはマウス ホバー スタイルです。これについては後で例を示します。最初に理解しましょう。ハイパーリンクの位置にマウスを置いたときに色が変わるように設定できます。

a:active: これは次のように言われています。アクティブ化されたスタイル。簡単に言うと、マウスをクリックすると、多くの Web サイトで見られるスタイルがすぐに表示されます。

次のスタイルを使用してハイパーリンクの色を変更します:

a:link{color:#000000;} /* 未访问链接*/ a:visited {color:#00FF00;} /* 已访问链接 */ a:hover {color:#FF00FF;} /* 鼠标移动到链接上 */ a:active {color:#0000FF;} /* 鼠标点击时 */
ログイン後にコピー

例:

   test css 
HTML中文网
ログイン後にコピー

推奨学習: 「css ビデオ チュートリアル

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

関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!