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

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

藏色散人
藏色散人オリジナル
2020-12-24 09:28:123139ブラウズ

CSS ハイパーリンクの背景色を設定する方法: まず HTML サンプル ファイルを作成し、次に CSS スタイル属性を「a:link {color:#FF0000;}a:visited {color:」としてハイパーリンクに追加します。 # 00FF00;}" を使用して背景色を設定します。

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

このチュートリアルの動作環境: Windows 7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。

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

リンク スタイル (色、フォント ファミリー、背景など) を設定できる CSS プロパティが多数あります。リンクの特別な点は、リンクの状態に基づいてスタイルを設定できることです。

CSS の a タグには 4 つの固有の属性があります:

1.a:link (スタイルを追加した後の意味: 特定のハイパーリンクにアクセスしていないときのスタイル)

2 .a:visited (スタイルを追加した後、これは、訪問後にインターフェイスを更新するハイパーリンクのスタイルを意味します)

3.a:hover (スタイルを追加した後、それは意味します) : マウスホバー時のハイパーリンクのスタイル)

4.a:active (スタイルを追加した後の意味: マウスがクリックされた瞬間のハイパーリンクのスタイル)

Weこれら 4 つの属性を使用して、ハイパーリンクの背景色を設定できます。なお、説明する際にこれら 4 つの式をすべて記述しなくてもかまいませんが、順序を逆にしてはなりません。

CSS スタイルは次のとおりです:

<style>
a:link {color:#FF0000;}/* 未被访问的链接 */
a:visited {color:#00FF00;}/* 已被访问的链接 */
a:hover {color:#FF00FF;}/* 鼠标指针移动到链接上 */
a:active {color:#0000FF;}/* 正在被点击的链接 */
</style>

HTML コードは次のとおりです:

c60d0098e2af3bc4a416224b3165943fphp 中国の Web サイト< ;/a>

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。