Heim Web-Frontend CSS-Tutorial Wie 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)

Sep 04, 2018 pm 01:40 PM
a标签 超链接

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>
Nach dem Login kopieren

Dies ist der Code für ein einfaches HTML-Dokument. Sehen Sie sich den Anzeigeeffekt im Browser an:

Wie stelle ich die Farbe eines HTML-Tags ein? Zusammenfassung der Farbeinstellungen für Hyperlinks (CSS-Stil)

Die nicht angeklickte URL oben ist so blau, und nachdem sie angeklickt wurde, sieht ein solcher Link nicht gut aus. Wir müssen eine Farbe für das Tag festlegen. Wenn ich beispielsweise eine Farbe für nicht angeklickte URLs festlegen möchte, sagen wir: Rot. Vor dem Anklicken ist sie rot und nach dem Anklicken ist sie schwarz. Machen wir den Effekt:


<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>
Nach dem Login kopieren

Das ist ein einfacher CSS-Code, schauen wir uns den Effekt an:


Wie stelle ich die Farbe eines HTML-Tags ein? Zusammenfassung der Farbeinstellungen für Hyperlinks (CSS-Stil)

Das ist Der unbesuchte Stil ist rot;

Wie stelle ich die Farbe eines HTML-Tags ein? Zusammenfassung der Farbeinstellungen für Hyperlinks (CSS-Stil)

Dies ist der besuchte Stil und ist schwarz. Lassen Sie uns den Code erklären:

  • 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>
Nach dem Login kopieren

Nehmen wir mal Schauen Sie sich jetzt den Browser an. Der gezeigte Effekt:

Dies ist der Effekt des Bewegens der Maus, fertig

Wie stelle ich die Farbe eines HTML-Tags ein? Zusammenfassung der Farbeinstellungen für Hyperlinks (CSS-Stil)

Dies ist der Click-Moment-Effekt. (Um mehr zu sehen, klicken Sie bitte auf

CSS-Video-TutorialWie stelle ich die Farbe eines HTML-Tags ein? Zusammenfassung der Farbeinstellungen für Hyperlinks (CSS-Stil))

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-Tags

Was 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!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Welche Datei ist index.html? Welche Datei ist index.html? Feb 19, 2024 pm 01:36 PM

index.html stellt die Homepage-Datei der Webseite dar und ist die Standardseite der Website. Wenn ein Benutzer eine Website besucht, wird normalerweise zuerst die Seite index.html geladen. HTML (HypertextMarkupLanguage) ist eine Auszeichnungssprache, die zum Erstellen von Webseiten verwendet wird, und index.html ist ebenfalls eine HTML-Datei. Es enthält die Struktur und den Inhalt einer Webseite sowie Tags und Elemente, die zur Formatierung und zum Layout verwendet werden. Hier ist ein Beispiel für index.html-Code: &lt

Lösen Sie das Problem, dass Hyperlinks nicht geöffnet werden können Lösen Sie das Problem, dass Hyperlinks nicht geöffnet werden können Feb 18, 2024 am 09:57 AM

So lösen Sie das Problem, dass Hyperlinks nicht geöffnet werden können. Mit der rasanten Entwicklung des Internets sind Hyperlinks zu einem unverzichtbaren Bestandteil unseres täglichen Lebens geworden. Wir sehen und verwenden häufig Hyperlinks auf verschiedenen Plattformen wie Webseiten, E-Mails und sozialen Medien. Allerdings kann es manchmal vorkommen, dass sich Hyperlinks nicht öffnen, was uns verwirrt und frustriert. In diesem Artikel besprechen wir die Gründe, warum Hyperlinks nicht geöffnet werden können, und ihre Lösungen, in der Hoffnung, Ihnen bei der Lösung dieses Problems zu helfen. Lassen Sie uns zunächst die möglichen Gründe verstehen, warum Hyperlinks nicht geöffnet werden können. Im Folgenden sind einige häufig aufgeführt

Der Hyperlink kann im Word-Dokument nicht geöffnet werden Der Hyperlink kann im Word-Dokument nicht geöffnet werden Feb 18, 2024 pm 06:10 PM

In den letzten Jahren ist unser Leben mit der kontinuierlichen Weiterentwicklung der Netzwerktechnologie untrennbar mit verschiedenen digitalen Tools und dem Internet verbunden. Bei der Bearbeitung von Dokumenten, insbesondere schriftlich, verwenden wir häufig Word-Dokumente. Manchmal kann es jedoch zu einem schwierigen Problem kommen, nämlich dass der Hyperlink im Word-Dokument nicht geöffnet werden kann. Dieses Problem wird weiter unten besprochen. Zunächst müssen wir klarstellen, dass sich Hyperlinks auf in Word-Dokumenten hinzugefügte Links zu anderen Dokumenten, Webseiten, Verzeichnissen, Lesezeichen usw. beziehen. Wenn wir auf diese Links klicken, werde ich

Was soll ich tun, wenn WPS einen Hyperlink nicht öffnen kann? Lösung für das Problem, dass der WPS-Hyperlink nicht geöffnet wird Was soll ich tun, wenn WPS einen Hyperlink nicht öffnen kann? Lösung für das Problem, dass der WPS-Hyperlink nicht geöffnet wird Mar 13, 2024 pm 08:40 PM

Wenn viele unserer Freunde WPS zum Bearbeiten von Inhalten verwenden, fügen sie manchmal Hyperlinks zu bestimmten Texten hinzu. Kürzlich haben einige Freunde berichtet, dass WPS-Hyperlinks nach Verwendung vieler Methoden nicht geöffnet und nicht angeklickt werden können. In diesem Software-Tutorial stellt der Herausgeber die spezifischen Lösungen vor und hofft, der Mehrheit der Benutzer zu helfen. Lösungen für WPS-Hyperlinks, die nicht geöffnet werden können: Methode 1: Bewegen Sie die Maus über den Hyperlink, um zu sehen, ob er anklickbar wird. 1. Öffnen Sie die Software, klicken Sie auf „Datei“ in der oberen linken Ecke der Seite und wählen Sie „Optionen“. im Menü unten. 2. Nachdem Sie die neue Benutzeroberfläche aufgerufen haben, klicken Sie links auf „Bearbeiten“.

So entfernen Sie die Farbe eines Tags in CSS So entfernen Sie die Farbe eines Tags in CSS Apr 25, 2024 pm 05:42 PM

Um die inhärente Farbe eines Tags zu entfernen, verwenden Sie die folgende Methode: Verwenden Sie die CSS-Eigenschaft „Farbe“, um die Textfarbe anzugeben. Verwenden Sie die CSS-Eigenschaft link-color, um die Linkfarbe anzugeben. Verwenden Sie die CSS-Eigenschaft text-decoration, um Unterstreichungen und Standardtextfarben zu entfernen. Verwenden Sie die CSS-Hover-Color-Eigenschaft, um die Farbe des Texts beim Mouseover zu ändern. Verwenden Sie die CSS-Eigenschaft „Visited Color“, um die Textfarbe der besuchten Tags zu ändern.

So springen Sie mithilfe eines Tags zu einer anderen Seite So springen Sie mithilfe eines Tags zu einer anderen Seite Sep 11, 2023 pm 04:01 PM

Verwenden Sie ein Tag, um einen Hyperlink zu erstellen. Über das Tag können Sie dann eine Seite mit einer anderen verlinken. Detaillierte Einführung: Um einen Seitensprung zu implementieren, müssen Sie die URL der Zielseite in das href-Attribut eingeben. Die URL kann ein relativer Pfad oder ein absoluter Pfad sein Der absolute Pfad ist die vollständige URL.

Warum kann der Hyperlink nicht geöffnet werden? Warum kann der Hyperlink nicht geöffnet werden? Feb 22, 2024 pm 03:33 PM

Als eines der häufigsten Elemente auf Webseiten werden Hyperlinks häufig verwendet, um auf andere Webseiten, Dateien oder bestimmte Speicherorte zu verweisen. Manchmal kommt es jedoch vor, dass ein Hyperlink nicht geöffnet werden kann, was verschiedene Ursachen haben kann. Erstens kann das Scheitern beim Öffnen eines Hyperlinks auf eine falsche Linkadresse zurückzuführen sein. Beim Erstellen eines Hyperlinks müssen wir sicherstellen, dass die Adresse des Links korrekt ist. Wenn die Adresse Sonderzeichen oder Leerzeichen enthält, wird der Link möglicherweise nicht geöffnet. Wenn sich außerdem die Linkadresse ändert oder die Zieldatei verschoben oder gelöscht wurde, kann der Link nicht geöffnet werden.

So implementieren Sie PHP-Code, um zu einer bestimmten Seite zu springen So implementieren Sie PHP-Code, um zu einer bestimmten Seite zu springen Mar 07, 2024 pm 02:18 PM

Beim Schreiben einer Website oder Anwendung müssen Sie häufig zu einer bestimmten Seite springen. In PHP können wir einen Seitensprung durch verschiedene Methoden erreichen. Im Folgenden werde ich Ihnen drei gängige Sprungmethoden demonstrieren, darunter die Verwendung der Funktion header(), die Verwendung von JavaScript-Code und die Verwendung von Meta-Tags. Verwenden der Funktion header() Die Funktion header() ist eine Funktion, die in PHP zum Senden von Original-HTTP-Header-Informationen verwendet wird. Diese Funktion kann in Kombination verwendet werden, wenn Seitensprünge implementiert werden. Unten ist ein

See all articles