Wie ändere ich die Schriftfarbe eines HTML-Hyperlinks? Zusammenfassung der Methoden zum Ändern der Schriftfarbe von Hyperlinks-HTML-Tutorial-php.cn

Wie ändere ich die Schriftfarbe eines HTML-Hyperlinks? Zusammenfassung der Methoden zum Ändern der Schriftfarbe von Hyperlinks

寻∝梦

Sep 03, 2018 pm 05:28 PM

adivhtml

In diesem Artikel geht es hauptsächlich um eine Methode zum Ändern der Schriftfarbe von HTML-Hyperlink-Text. Eine Methode besteht darin, den Text eines reinen A-Tags zu ändern, und die andere darin, das A-Tag in ein Div-Tag einzufügen, um das CSS zu ändern Stil. Werfen wir nun einen Blick auf den Inhalt des Artikels

Beginnen wir zunächst mit einem Beispiel zum Ändern der Schriftfarbe eines Hyperlinks:

Was wir wollen zu tun ist, wenn nicht darauf geklickt wird. Der Hyperlinktext wird nicht unterstrichen und erscheint in Grau. Wenn sich die Maus über dem Link befindet, wird er unterstrichen und der Linktext wird in Rot angezeigt erscheint in Gelb.

Werfen wir einen Blick auf den vollständigen experimentellen Code:

<html> 
<head> 
<title>PHP中文网：取消下划线实例</title> 
<style> 
a:link{text-decoration: none;color: gray}
a:active{text-decoration:blink}
a:hover{text-decoration:underline;color: red}
a:visited{text-decoration: none;color: yellow}
</style> 
</head> 
<body> 
欢迎来到<a href="www.php.cn">php中文网</a>
</body> 
</html>

Es gibt drei Renderings:

Wie ändere ich die Schriftfarbe eines HTML-Hyperlinks? Zusammenfassung der Methoden zum Ändern der Schriftfarbe von Hyperlinks

Dies ist die Zukunft. Wenn Sie darauf klicken, gibt es keine Unterstreichung und wird grau angezeigt.

Wie ändere ich die Schriftfarbe eines HTML-Hyperlinks? Zusammenfassung der Methoden zum Ändern der Schriftfarbe von Hyperlinks

Dies ist der Stil, wenn die Maus nach oben bewegt wird. Er wird unterstrichen und rot angezeigt.

Wie ändere ich die Schriftfarbe eines HTML-Hyperlinks? Zusammenfassung der Methoden zum Ändern der Schriftfarbe von Hyperlinks

Dies ist der Stil nach dem Klicken, ohne Unterstreichung und als gelber Text angezeigt.

Das Obige sind die experimentellen Ergebnisse des obigen Codes. Damit ist die Aufgabe jetzt abgeschlossen und es ist für uns einfacher, den obigen Code zu verstehen.

Lassen Sie uns nun die spezifische Bedeutung des obigen Codes verstehen:

a:link bezieht sich auf einen normalen, nicht besuchten Link; >
Jetzt gibt es ein weiteres Beispiel, das heißt, der Hyperlink befindet sich im div-Tag

Werfen wir einen Blick auf den Erklärungscode:

1. CSS-Code:

a{ color:#00F}
a:hover{ color:#F00}/* 鼠标经过悬停字体颜色 */
/* css 注释说明：以上代码为设置html中超链接统一字体颜色 */
.div a{ color:#090}
.div a:hover{ color:#090}
/* css注释说明：以上代码为设置html中.div对象内超链接字体颜色

2.html-Code:

<p>测试内容我是统一设置的颜色蓝色<a href="http://www.php.cn">php中文网</a></p>
<div class="div">我在div对象内，超链接颜色为<a href="#">我是超链接绿色</a></div>

Die Wirkung dieses Codes ist wie folgt:

Der Text oben ist so programmiert, dass er blau ist, und der Text unten wird grün. Der Effekt ist offensichtlich.

So verwenden Sie den CSS-Stil, um den Hyperlink-Text in HTML zu ändern. Wenn Sie Fragen haben, können Sie diese unten stellen

Wie ändere ich die Schriftfarbe eines HTML-Hyperlinks? Zusammenfassung der Methoden zum Ändern der Schriftfarbe von Hyperlinks [Empfehlung des Herausgebers]

Wie schreibe ich HTML-Leerzeichencode? Zusammenfassung des Ausdrucks des HTML-Leerzeichencodes

Wie skaliert man HTML-Bilder in gleichen Proportionen? Zusammenfassung der HTML-IMG-Bildskalierungsmethoden (mit Beispielen)

Das obige ist der detaillierte Inhalt vonWie ändere ich die Schriftfarbe eines HTML-Hyperlinks? Zusammenfassung der Methoden zum Ändern der Schriftfarbe von Hyperlinks. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme

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

Verwandter Artikel

HTML vs. CSS vs. JavaScript: Ein vergleichender ÜberblickApr 16, 2025 am 12:04 AM

Die Rollen von HTML, CSS und JavaScript in der Webentwicklung sind: HTML ist für die Inhaltsstruktur verantwortlich, CSS ist für den Stil verantwortlich und JavaScript ist für dynamisches Verhalten verantwortlich. 1. HTML definiert die Webseitenstruktur und den Inhalt durch Tags, um die Semantik zu gewährleisten. 2. CSS steuert den Webseitenstil über Selektoren und Attribute, um es schön und einfach zu lesen. 3. JavaScript steuert das Verhalten von Webseiten über Skripte, um dynamische und interaktive Funktionen zu erzielen.

HTML: Ist es eine Programmiersprache oder etwas anderes?Apr 15, 2025 am 12:13 AM

HtmlisnotaprogrammingLanguage; itiSamarkuplanguage.1) htmlstructuresandFormatswebcontentuses.2) itWorkswithCSSForstylingandjavaScriptForinteraktivität, EnhancingWebDevelopment.

HTML: Erstellen der Struktur von WebseitenApr 14, 2025 am 12:14 AM

HTML ist der Eckpfeiler der Erstellung von Webseitenstruktur. 1. HTML definiert die Inhaltsstruktur und die Semantik und Verwendung usw. Tags. 2. Stellen Sie semantische Marker wie usw. zur Verfügung, um den SEO -Effekt zu verbessern. 3. Um die Benutzerinteraktion durch Tags zu verwirklichen, achten Sie auf die Verifizierung der Form. 4. Verwenden Sie fortschrittliche Elemente wie in Kombination mit JavaScript, um dynamische Effekte zu erzielen. 5. Zu den häufigen Fehlern gehören nicht abgegebene Bezeichnungen und nicht geeignete Attributwerte, und Überprüfungstools sind erforderlich. 6. Optimierungsstrategien umfassen das Reduzieren von HTTP -Anforderungen, die Komprimierung von HTML, die Verwendung semantischer Tags usw.

Von Text zu Websites: Die Kraft von HTMLApr 13, 2025 am 12:07 AM

HTML ist eine Sprache, mit der Webseiten erstellt, die Webseitenstruktur und -inhalt über Tags und Attribute definiert werden. 1) HTML organisiert die Dokumentstruktur über Tags, wie z. B.. 2) Der Browser analysiert HTML, um das DOM zu erstellen und die Webseite zu rendern. 3) Neue Merkmale von HTML5, wie z. B. Multimedia -Funktionen. 4) Zu den häufigen Fehlern gehören nicht abgestimmte Bezeichnungen und nicht geeignete Attributwerte. 5) Die Optimierungsvorschläge umfassen die Verwendung semantischer Tags und die Reduzierung der Dateigröße.

HTML, CSS und JavaScript verstehen: Ein AnfängerhandbuchApr 12, 2025 am 12:02 AM

WebdevelopmentRelieSonHtml, CSS und JavaScript: 1) HtmlStructuresContent, 2) CSSstylesit und 3) JavaScriptaddssinteraktivität, Bildung von TheBasisofModerernwebexperiences.

Die Rolle von HTML: Strukturierung von WebinhaltenApr 11, 2025 am 12:12 AM

Die Rolle von HTML besteht darin, die Struktur und den Inhalt einer Webseite durch Tags und Attribute zu definieren. 1. HTML organisiert Inhalte über Tags wie das Lesen und Verständnis. 2. Verwenden Sie semantische Tags wie usw., um die Zugänglichkeit und SEO zu verbessern. 3. Optimierung des HTML -Codes kann die Ladegeschwindigkeit und die Benutzererfahrung der Webseite verbessern.

HTML und Code: Ein genauerer Blick auf die TerminologieApr 10, 2025 am 09:28 AM

HtmlisaspecifictypeofcodeFocusedonstructuringuringwebcontent, während "Code" breitincludesluages -ähnlichjavaScriptandpythonforfunctionality.1) htmldefineswebpageStructureStags.2) "Code" cometesaWiNrangeOfLanguagesForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForfirsInsForfunctionNacts