Heim > Artikel > Web-Frontend > So verwenden Sie CSS zum Bearbeiten von Linkstilen
In diesem Artikel wird ausführlich erläutert, wie Sie den Hyperlink-Stil über CSS steuern. Wir sprechen hauptsächlich über Hyperlinks vom Typ Text, einschließlich der Frage, ob der Hyperlink unterstrichen ist, der Farbe des Hyperlinktexts und anderen Stilen.
Was ist ein Hyperlink?
Hyperlinks beziehen sich im Allgemeinen auf die Verbindungsbeziehung von einer Webseite zu einem Ziel. Dieses Ziel kann eine andere Webseite oder ein anderer Ort auf derselben Webseite sein, oder es kann ein Bild, eine E-Mail-Adresse usw. sein. Eine Datei oder sogar eine Anwendung. Das für Hyperlinks auf einer Webseite verwendete Objekt kann ein Text oder ein Bild sein. Wenn der Betrachter auf den verlinkten Text oder das verlinkte Bild klickt, wird das Linkziel im Browser angezeigt und je nach Zieltyp geöffnet oder ausgeführt.
Der Code des Hyperlinks
<a href="http://www.php.cn/" target="_blank" title="关于div css的网站">DIV+CSS</a>
wird wie folgt analysiert:
href gefolgt von der verlinkten Adresse, die Ziel-Website-Adresse ist hier http://www. php.cn/
target
_blank – öffne den Link in einem neuen Fenster
_parent – öffne den Link im übergeordneten Formular
_self -- Öffne den Link im aktuellen Formular Link, dies ist der Standardwert
_top -- Öffne den Link im aktuellen Formular und ersetze das gesamte aktuelle Formular (Frame-Seite)
Titel gefolgt durch die Link-Zielbeschreibung, das heißt, der Hyperlink ist eine kurze Beschreibung der Link-URL oder des Titels
CSS kann den Hyperlink-Stil steuern - CSS-Link -Stil ist wie folgt
a:link ist der Anfangszustand des Hyperlinks
a:hover bedeutet schweben, wenn die Maus darauf platziert wird
a:active bedeutet, wenn der Mit der Maus wird geklickt.
a:visited bedeutet Situation nach dem Besuch
1 Normalerweise die Methode zum Stylen von Hyperlinks für das Ganze site
a{color:#333;text-decoration:none; } //Der Farbstil des Textes mit Links zur gesamten Site ist color:#333; und direkt nicht unterstrichener Text -decoration:none;
a:hover {color:#CC3300;text- decoration:underline;}//Platzieren Sie die Maus auf dem Hyperlink und der Textfarbstil ändert sich in color:#CC3300; und unterstreichen Sie den Textlink text-decoration:underline;
2. Steuern Sie den Hyperlink, indem Sie die Klasse innerhalb der Link-Link-Stil-CSS-Methode festlegen
Case-Hyperlink-Codef136fb4bea6db854314d2932cec9c588CSS5db79b134e9f6b82c0b36e0489ee08ed
entspricht CSS-Code
a.yangshi{color:#333;text-decoration:none; }
a.yangshi:hover {color:#CC3300;text-decoration:underline;}
Mit dieser Einstellung können Sie den Stil des Hyperlinks namens „yangshi“ in der CSS-Klasse innerhalb steuern Link
3. Steuern Sie den Hyperlink über den CSS-Stil der CSS-Klasse, die dem übergeordneten Hyperlink-Stil entspricht
Case-Hyperlink-Code0a9af51c14cdc756fef819e32a4a19aa13c41a207c4f464300f4223d005537baCSS5db79b134e9f6b82c0b36e0489ee08ed
entsprechender CSS-Code
.yangshi a{color:#333; Text-Decoration:none; von a.yangshi und .yangshi a
Hier erfahren Sie, wie Sie den Hyperlink-Stil bei Bedarf mithilfe von CSS festlegen. Freunde können ihn speichern. Bitte achten Sie weiterhin auf andere Aktualisierungen auf dieser Website.
Verwandte Lektüre:Das obige ist der detaillierte Inhalt vonSo verwenden Sie CSS zum Bearbeiten von Linkstilen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!