ホームページ > 記事 > ウェブフロントエンド > HTMLのタグの色を設定するにはどうすればよいですか?ハイパーリンクの色設定まとめ（CSS風）
HTMLのタグの色を設定するにはどうすればよいですか?ハイパーリンクの色設定まとめ（CSS風）
- 寻∝梦オリジナル
- 2018-09-04 13:40:16105778ブラウズ
ハイパーリンク 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 の色を設定したい場合、クリックされる前は赤、クリックされた後は黒とします。効果を加えてみましょう: 
<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 コードです。効果を見てみましょう:
アクセスされていないときは次のようになります。
こんな感じです 訪問スタイルはブラックです。コードを説明しましょう: 
- 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 ビデオチュートリアル
をクリックしてください)
この a タグの 4 つのアンカー疑似クラス CSS スタイルが導入されました。その 4 つの用途を思い出してください。 : 1 つはクリックされていないスタイル、つまりクリックされていないときに通常表示されるスタイルで、もう 1 つはラベルをクリックした後のスタイルで、もう 1 つはマウスオーバー時のスタイルです。マウスをクリックするとエフェクトが変化します。このエフェクトは後で使用することがわかります。最後のエフェクトは、この 4 つです。タグに必要なスタイルです。これはより良い設定です。 
html5 datalistタグの使い方とは？ datalistタグの使用例を紹介します
HTMLのincludeタグとは何ですか？ html include は設定解析を実装します
以上がHTMLのタグの色を設定するにはどうすればよいですか?ハイパーリンクの色設定まとめ（CSS風）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。