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

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

藏色散人
リリース: 2023-01-04 09:37:54
オリジナル
3101 人が閲覧しました

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 コードは次のとおりです:

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

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

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