Web-FrontendCSS-TutorialWie stelle ich die Farbe eines HTML-Tags ein? Zusammenfassung der Farbeinstellungen für Hyperlinks (CSS-Stil)Wie stelle ich die Farbe eines HTML-Tags ein? Zusammenfassung der Farbeinstellungen für Hyperlinks (CSS-Stil)
Jeder sollte mit dem
Hyperlink-Tag vertraut sein. Im Folgenden werden vier Farbänderungen vorgestellt Lesen Sie diesen Artikel gemeinsam
Zuerst müssen wir die Farbeinstellung des HTML-A-Tags kennen:
Wir alle wissen, dass sich in HTML das A-Tag auf der Webseite befindet Wie sieht die Standardfarbe aus? Probieren Sie nun den Code aus:<!doctype html> <html> <head> <meta charset="utf-8"> <title>PHP中文网</title> </head> <body> <a href="#">php中文网</a> </body> </html>Dies ist der Code für ein einfaches HTML-Dokument. Sehen Sie sich den Anzeigeeffekt im Browser an:
<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>Das ist ein einfacher CSS-Code, schauen wir uns den Effekt an: 
- a:link: Es ist ein nicht zugänglicher Stil. Sie können ihm viele Dinge hinzufügen, z. B. Unterstreichungen entfernen, Farben ändern und andere Funktionen a:visited: Es ist der Stil nach dem Klicken. Sie können ihm auch viele Elemente hinzufügen und unterstreichen, Farben ändern, vergrößern und andere Funktionen ausführen
-
a:hover: Dies ist der Maus-Hover-Stil. Wir werden es später kennenlernen. Sie können die Farbe so einstellen, dass sie sich ändert, wenn die Maus an der Position des Hyperlinks geparkt wird ;
a:aktiv: Dies wird als aktivierter Stil bezeichnet, wenn Sie mit der Maus darauf klicken. Dieser Stil wird sofort angezeigt auf vielen Websites;
- Schauen wir uns nun ein Beispiel an, die Wirkung der Einfügung aller oben genannten vier:
<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>Nehmen wir mal Schauen Sie sich jetzt den Browser an. Der gezeigte Effekt:
Dies ist der Effekt des Bewegens der Maus, fertig
CSS-Video-Tutorial
)
Zusammenfassung des Hyperlinks zu einem Tag:
Es gibt also vier Arten von Tags Die CSS-Stile von Anker-Pseudoklassen wurden eingeführt. Eine davon ist der nicht angeklickte Stil, der Stil, der normalerweise angezeigt wird, ohne dass darauf geklickt wird. , und ein anderer ist der Mauszeigerstil, der sich ändert, wenn Sie die Maus darauf legen. Sie werden später wissen, wie dieser Effekt funktioniert Man sagt, dass es sich um die vier notwendigen Stile für ein Tag handelt, sodass die Einstellungen besser sein können. [Empfehlung des Herausgebers]
Wozu dient das HTML5-Datalist-Tag? Hier sind Anwendungsbeispiele des Datalist-TagsWas ist das Include-Tag in HTML? html include implementiert die Konfigurationsanalyse
Das obige ist der detaillierte Inhalt vonWie stelle ich die Farbe eines HTML-Tags ein? Zusammenfassung der Farbeinstellungen für Hyperlinks (CSS-Stil). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Wohin sollte 'Podcast' -Link abonnieren?Apr 16, 2025 pm 12:04 PMFür eine Weile war iTunes der große Hund im Podcasting. Wenn Sie also "Abonnieren Sie Podcast" verlinkt haben, um zu mögen:
Browser -MotorvielfaltApr 16, 2025 pm 12:02 PMWir haben die Oper verloren, als sie 2013 Chrome gingen. Gleiches Geschäft mit Edge, als es Anfang dieses Jahres auch Chrome ging. Mike Taylor nannte diese Veränderungen a "abnehmend
UX -Überlegungen zur WebfreigabeApr 16, 2025 am 11:59 AMVon trashigen Clickbait -Websites bis hin zu den meisten August der Veröffentlichungen sind die Teilen von Schaltflächen seit langem im gesamten Web allgegenwärtig. Und doch ist es wohl diese diese
Wöchentliche Plattformnachrichten: Apple bereitet Webkomponenten, progressives HTML-Rendering, selbsthosting kritische Ressourcen bereitApr 16, 2025 am 11:55 AMIn der Roundup der Woche geht Apple in Webkomponenten, wie Instagram Insta-Loading-Skripte und einige Lebensmittel für das Denken für selbsthosting kritische Ressourcen sind.
Git pathspecs und wie man sie benutztApr 16, 2025 am 11:53 AMAls ich die Dokumentation von Git -Befehlen durchschaut hatte, bemerkte ich, dass viele von ihnen eine Option hatten. Ich dachte anfangs, dass dies nur ein war
Ein Farbwähler für ProduktbilderApr 16, 2025 am 11:49 AMKlingt ein bisschen wie ein schweres Problem. Ist es nicht? Wir haben oft keine Produktaufnahmen in Tausenden von Farben, sodass wir das mit dem mit umdrehen können. Wir auch nicht
Ein dunkler Modus wechselt mit React und ThemeProviderApr 16, 2025 am 11:46 AMIch mag es, wenn Websites eine dunkle Modusoption haben. Der dunkle Modus erleichtert mir das Lesen von Webseiten und hilft meinen Augen, sich entspannter zu fühlen. Viele Websites, einschließlich
Einige praktisch mit dem HTML-DialogelementApr 16, 2025 am 11:33 AMIch schaue mir das HTML -Element zum ersten Mal an. Ich habe es für eine Weile dessen bewusst, aber Haven ' Es wurde es noch nicht für einen Dreh genommen. Es hat einige ziemlich cool und
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
SAP NetWeaver Server-Adapter für Eclipse
Integrieren Sie Eclipse mit dem SAP NetWeaver-Anwendungsserver.
Sicherer Prüfungsbrowser
Safe Exam Browser ist eine sichere Browserumgebung für die sichere Teilnahme an Online-Prüfungen. Diese Software verwandelt jeden Computer in einen sicheren Arbeitsplatz. Es kontrolliert den Zugriff auf alle Dienstprogramme und verhindert, dass Schüler nicht autorisierte Ressourcen nutzen.
Herunterladen der Mac-Version des Atom-Editors
Der beliebteste Open-Source-Editor
Dreamweaver CS6
Visuelle Webentwicklungstools
Dreamweaver Mac
Visuelle Webentwicklungstools
