Heim  >  Artikel  >  Web-Frontend  >  So verwenden Sie CSS zum Bearbeiten von Linkstilen

So verwenden Sie CSS zum Bearbeiten von Linkstilen

php中世界最好的语言
php中世界最好的语言Original
2017-11-22 13:45:382002Durchsuche

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:


Warum HTML verstümmelt ist und wie man es löst

Wie man Div und CSS lernt

So verwenden Sie die Position in CSS

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!

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