ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSでハイパーリンクの色を変更する方法

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

王林
リリース: 2020-11-26 17:09:55
オリジナル
5793 人が閲覧しました

ハイパーリンクの色を変更する Css メソッド: [a:link{color:#000000;}]、a:link はハイパーリンクにアクセスしていないことを意味します。クリック後のハイパーリンクの色を設定したい場合は、メソッド [a:visited {color:#00FF00;}] を使用できます。

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

環境:

この記事は、すべてのブランドのコンピューターに適用されます。

(学習ビデオ共有: css ビデオ チュートリアル)

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

  • a:link : 未訪問のスタイルです。さまざまな機能を追加できます。たとえば、下線の削除や色の変更などの機能をここに実装できます。

  • a: 訪問済み: 後クリックされたスタイルであり、多くの要素を追加することもでき、下線の削除、色の変更、ズームインなどの機能を実行できます;

  • a:hover: これはマウスホバーです。スタイル、これは後で利用可能になります 例の紹介、まず、マウスがハイパーリンクの位置に止まったときに色が変わるように設定できることを理解しましょう;

  • a:active: これはアクティブ化されたスタイルです。簡単に言うと、マウスをクリックすると、スタイルが即座に表示されます。このスタイルは多くの Web サイトで利用できます。

次の方法を使用して、ハイパーリンクの色を変更します。 :

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

関連する推奨事項: CSS チュートリアル

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

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