Heim >Web-Frontend >CSS-Tutorial >Wie setze ich einen Hyperlink in CSS? So legen Sie den CSS-Hyperlink-Stil fest
Wie setze ich einen Hyperlink in CSS? So legen Sie den CSS-Hyperlink-Stil fest
- 不言Original
- 2018-08-18 13:56:547101Durchsuche
Der Inhalt dieses Artikels befasst sich mit der Einrichtung von CSS-Hyperlinks. Die Einstellungsmethode des CSS-Hyperlink-Stils hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen.
1. Einfacher Hyperlink
box.html
<!doctype html><html><head>
<mate charset="utf-8">
<title>超链接</title>
<link href="link.css" type="text/css" rel="stylesheet"></head><body>
<p>
<a href="#" class="link">首页</a>
</p></body></html>link.css
a.link{
text-decoration:none;
font-size:23px;
display:black;
}2. Pseudoklasse: eine bestimmte eins Ein bestimmter Zustand des Attributs;
4 Zustände des Hyperlinks:
Link (Zustand, wenn nicht besucht);
besucht (Status, den der Benutzer besucht hat);
schweben (der Zustand, wenn die Maus darüber fährt);
aktiv (Status, wenn mit der Maus geklickt wird);
a:link{
font-size:41px;
color:black;
text-decoration: none;
}
a:visited{
font-size:23px;
color:pink;
background-color: pink;
}
a:hover{
font-size: 34px;
color:green;
background-color: #123456;
}
a:active{
color:blue;
font-size: 60px;
background-color: #498544;
}Verwandte Empfehlungen: [CSS writing] hyperlink style_html/css_WEB - ITnose
Wie CSS Hyperlink-Hintergrundumschaltung implementiert_html/css_WEB-ITnose
Das obige ist der detaillierte Inhalt vonWie setze ich einen Hyperlink in CSS? So legen Sie den CSS-Hyperlink-Stil fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!