ハイパーリンク 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>
クリックされていない 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:link: これは、下線の削除、色の変更、その他の機能など、さまざまな機能を追加できるスタイルです。クリックした後、多くの要素を追加したり、下線を削除したり、色を変更したり、その他の機能を追加することもできます。<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 タグの概要:この a タグの 4 つのアンカー疑似クラス CSS スタイルが導入されました。その 4 つの用途を思い出してください。 : 1 つはクリックされていないスタイル、つまりクリックされていないときに通常表示されるスタイルで、もう 1 つはラベルをクリックした後のスタイルで、もう 1 つはマウスオーバー時のスタイルです。マウスをクリックするとエフェクトが変化します。このエフェクトは後で使用することがわかります。最後のエフェクトは、この 4 つです。タグに必要なスタイルです。これはより良い設定です。
【編集者のおすすめ】html5 datalistタグの使い方とは? datalistタグの使用例を紹介します
HTMLのincludeタグとは何ですか? html include は設定解析を実装します
以上がHTMLのタグの色を設定するにはどうすればよいですか?ハイパーリンクの色設定まとめ(CSS風)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。