ホームページ ウェブフロントエンド CSSチュートリアル HTMLのタグの色を設定するにはどうすればよいですか?ハイパーリンクの色設定まとめ(CSS風)

HTMLのタグの色を設定するにはどうすればよいですか?ハイパーリンクの色設定まとめ(CSS風)

Sep 04, 2018 pm 01:40 PM
タグ ハイパーリンク

ハイパーリンク a タグについては、この記事で主に 4 つの色の変更について説明していますので、ぜひ一緒に読んでみてください。 まず、HTML の a タグの色の設定を知る必要があります:

Web ページ上の HTML の a タグのデフォルトの色は誰でも知っています。次に、コードを試して確認してください:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<a href="#">php中文网</a>
</body>
</html>
ログイン後にコピー

これは次のとおりです。基本的な HTML ドキュメントのコードをブラウザで確認します。

クリックされていない URL は、クリックすると紫色になります。 aタグの色を設定します。たとえば、クリックされていない URL の色を設定したい場合、クリックされる前は赤、クリックされた後は黒とします。効果を加えてみましょう: HTMLのタグの色を設定するにはどうすればよいですか?ハイパーリンクの色設定まとめ(CSS風)

<head>
<meta charset="utf-8">
<title>PHP中文网</title>
<style type="text/css">
a:link{color:red;}
a:visited{color:black;}
</style>
</head>
<body>
<a href="#">php中文网</a>
</body>
ログイン後にコピー

これは簡単な CSS コードです。効果を見てみましょう:


アクセスされていないときは次のようになります。HTMLのタグの色を設定するにはどうすればよいですか?ハイパーリンクの色設定まとめ(CSS風)

こんな感じです 訪問スタイルはブラックです。コードを説明しましょう: HTMLのタグの色を設定するにはどうすればよいですか?ハイパーリンクの色設定まとめ(CSS風)

a:link: これは、下線の削除、色の変更、その他の機能など、さまざまな機能を追加できるスタイルです。クリックした後、多くの要素を追加したり、下線を削除したり、色を変更したり、その他の機能を追加することもできます。
  • a:hover : これはマウスホバーのスタイルです。これについては後で例に挙げますので、最初に理解しましょう。マウスがハイパーリンクの位置に止まったときに色が変化するように設定できます。これはアクティブ化されたスタイルと言われます。簡単に言うと、この時点ですぐに表示されるスタイルです
  • それでは、すべてを配置した場合の効果を見てみましょう。上の 4 つ:
  • <head>
    <meta charset="utf-8">
    <title>PHP中文网</title>
    <style type="text/css">
    a:link{color:red;}
    a:visited{color:black;}
    a:hover{color:pink;}
    a:active{color:#ccc;}
    </style>
    </head>
    <body>
    <a href="#">php中文网</a>
    </body>
    ログイン後にコピー

    では、ブラウザに表示される効果を見てみましょう:
  • これはマウスホバリングの効果です、

    これはクリックの効果です。 (もっと見たい場合は、

    CSS ビデオチュートリアル

    をクリックしてください)

    HTMLのタグの色を設定するにはどうすればよいですか?ハイパーリンクの色設定まとめ(CSS風)

    ハイパーリンク a タグの概要:

    この a タグの 4 つのアンカー疑似クラス CSS スタイルが導入されました。その 4 つの用途を思い出してください。 : 1 つはクリックされていないスタイル、つまりクリックされていないときに通常表示されるスタイルで、もう 1 つはラベルをクリックした後のスタイルで、もう 1 つはマウスオーバー時のスタイルです。マウスをクリックするとエフェクトが変化します。このエフェクトは後で使用することがわかります。最後のエフェクトは、この 4 つです。タグに必要なスタイルです。これはより良い設定です。 HTMLのタグの色を設定するにはどうすればよいですか?ハイパーリンクの色設定まとめ(CSS風)

    【編集者のおすすめ】

    html5 datalistタグの使い方とは? datalistタグの使用例を紹介します

    HTMLのincludeタグとは何ですか? html include は設定解析を実装します

    以上がHTMLのタグの色を設定するにはどうすればよいですか?ハイパーリンクの色設定まとめ(CSS風)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Index.html とは何のファイルですか? Index.html とは何のファイルですか? Feb 19, 2024 pm 01:36 PM

Index.html は Web ページのホームページ ファイルを表し、Web サイトのデフォルト ページです。ユーザーが Web サイトにアクセスすると、通常、index.html ページが最初に読み込まれます。 HTML (HypertextMarkupLanguage) は Web ページの作成に使用されるマークアップ言語であり、index.html も HTML ファイルです。これには、Web ページの構造とコンテンツに加えて、書式設定とレイアウトに使用されるタグと要素が含まれます。以下は、index.html コードの例です: &lt

ハイパーリンクが開けない問題を解決 ハイパーリンクが開けない問題を解決 Feb 18, 2024 am 09:57 AM

ハイパーリンクが開けない問題の解決方法 インターネットの急速な発展に伴い、ハイパーリンクは私たちの日常生活に欠かせないものになりました。私たちは、Web ページ、電子メール、ソーシャル メディアなどのさまざまなプラットフォームでハイパーリンクをよく目にし、使用します。ただし、ハイパーリンクが開かないという問題が発生し、混乱したりイライラしたりすることがあります。この記事では、ハイパーリンクが開かない原因とその解決策について説明し、この問題の解決に役立つことを願っています。まず、ハイパーリンクを開けない原因について考えてみましょう。以下は一般的なものです

WPS でハイパーリンクを開けない場合はどうすればよいですか? WPS ハイパーリンクが開かない場合の解決策 WPS でハイパーリンクを開けない場合はどうすればよいですか? WPS ハイパーリンクが開かない場合の解決策 Mar 13, 2024 pm 08:40 PM

多くの友人が WPS を使用してコンテンツを編集するときに、特定のテキストにハイパーリンクを追加することがあります。最近、多くの友人から、さまざまな方法を使用しても WPS ハイパーリンクが開かず、クリックしてアクセスできないという報告がありました。この問題についてはどうすれば解決できますか?このソフトウェア チュートリアルでは、編集者が大多数のユーザーを助けることを願って、具体的な解決策を共有します。 WPS ハイパーリンクが開かない場合の解決策: 方法 1: ハイパーリンク上にマウスを移動して、クリック可能になるかどうかを確認します 1. ソフトウェアを開き、ページの左上隅にある [ファイル] をクリックし、メニューで [オプション] を選択します下に。 2. 新しいインターフェースに入ったら、左側の「編集&rdq」をクリックします。

Word文書のハイパーリンクを開けません Word文書のハイパーリンクを開けません Feb 18, 2024 pm 06:10 PM

近年、ネットワーク技術の発展により、私たちの生活はさまざまなデジタルツールやインターネットと切り離せないものになっています。文書を処理するとき、特に書面での処理では、Word 文書を使用することがよくあります。ただし、場合によっては、Word 文書内のハイパーリンクが開けないという難しい問題に遭遇することがあります。この問題については以下で説明します。まず、ハイパーリンクとは、Word 文書に追加された他の文書、Web ページ、ディレクトリ、ブックマークなどへのリンクを指すことを明確にする必要があります。これらのリンクをクリックすると、

CSSでタグの色を削除する方法 CSSでタグの色を削除する方法 Apr 25, 2024 pm 05:42 PM

a タグの固有の色を削除するには、次の方法を使用できます。 CSS の color プロパティを使用してテキストの色を指定します。 CSS の link-color プロパティを使用してリンクの色を指定します。 CSS の text-decoration プロパティを使用して、下線とデフォルトのテキスト色を削除します。 CSS のホバー カラー プロパティを使用して、マウスオーバー時のテキストの色を変更します。 CSS の訪問済みの色プロパティを使用して、訪問済みのタグのテキストの色を変更します。

タグを使って別のページにジャンプする方法 タグを使って別のページにジャンプする方法 Sep 11, 2023 pm 04:01 PM

a タグを使用してハイパーリンクを作成し、a タグを通じてあるページを別のページにリンクできます。詳細な紹介: ページ ジャンプを実現するには、ターゲット ページの URL を href 属性に入力する必要があります。URL には相対パスまたは絶対パスを使用できます。相対パスは現在のページからの相対パスであり、絶対パスは完全な URL です。

ハイパーリンクを開けないのはなぜですか? ハイパーリンクを開けないのはなぜですか? Feb 22, 2024 pm 03:33 PM

Web ページの一般的な要素の 1 つであるハイパーリンクは、他の Web ページ、ファイル、または特定の場所を指すためによく使用されます。ただし、さまざまな理由により、ハイパーリンクを開けない状況が発生することがあります。まず、ハイパーリンクを開けない場合は、リンク アドレスが間違っていることが原因である可能性があります。ハイパーリンクを作成するときは、リンクのアドレスが正しいことを確認する必要があります。アドレスに特殊文字やスペースが含まれている場合、リンクが開かないことがあります。また、リンクアドレスが変更されたり、対象ファイルが移動または削除されたりした場合、リンクは開きません。

指定したページにジャンプするPHPコードを実装する方法 指定したページにジャンプするPHPコードを実装する方法 Mar 07, 2024 pm 02:18 PM

Web サイトやアプリケーションを作成するとき、特定のページにジャンプする必要が生じることがよくあります。 PHP では、いくつかの方法でページ ジャンプを実現できます。以下に、header() 関数の使用、JavaScript コードの使用、メタ タグの使用など、3 つの一般的なジャンプ方法を示します。 header()関数の使い方 header()関数は、PHPで独自のHTTPヘッダ情報を送信するために使用される関数で、ページジャンプを実装する際に組み合わせて使用​​できます。以下は、

See all articles