ホームページ > ウェブフロントエンド > フロントエンドQ&A > HTMLハイパーリンクのフォントの色を変更する方法

HTMLハイパーリンクのフォントの色を変更する方法

藏色散人
リリース: 2023-01-05 16:12:26
オリジナル
17354 人が閲覧しました

HTML ハイパーリンクのフォントの色を変更する方法: 最初に新しい HTML ファイルを作成し、次に a タグのテキストに 40 ピクセルを与え、テキストの太さを設定し、次にリンク擬似要素の色を設定します。 aタグの下線を設定し、最後にクリックした擬似要素を別の色に設定します。

HTMLハイパーリンクのフォントの色を変更する方法

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

色とクリック後の色の設定は、ラベルのリンクとアクティブな疑似クラスを使用することによってのみ実現できます。

具体的な方法は、まず新しい HTML ファイルを作成し、ここに 2 つの a タグを記述し、1 つはデモンストレーション用です。

HTMLハイパーリンクのフォントの色を変更する方法

次に、スタイルを設定します。 aタグの文字サイズは40px、文字の太さが設定されています。

次にaタグのリンク擬似要素の色を設定して下線を設定し、クリックされた擬似要素を別の色に設定して下線を解除します。上記の設定が完了したら、効果を見てみましょう:

HTMLハイパーリンクのフォントの色を変更する方法

ブラウザを開き、デモ グループのリンクをクリックすると、色は青になりますが、コントロールはグループは変わらず。

上記は、ハイパーリンクのフォントの色とクリック後のフォントの色を設定する方法です:

HTMLハイパーリンクのフォントの色を変更する方法

HTML/CSS の詳細については、# を参照してください。 # #HTML ビデオ チュートリアル 列!

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

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