Wenn wir viele Websites durchsuchen, werden wir auf einigen Websites feststellen, dass Sie das Gefühl haben, dass sich die Wörter bewegen, wenn Sie mit der Maus über den Text in der Navigationsleiste fahren, oder dass sich die Farbe der Schriftart ändert oder dass
es eine Überstreichung gibt . Schau mich an Du verstehst die Wirkung der Navigationsleiste auf meinem Blog Heute wird dir San Shao sagen, wie du das erreichen kannst.
Tatsächlich ist dies sehr einfach, es wird tatsächlich mit CSS implementiert. Bitte folgen Sie meinen Schritten: Los geht’s
!
2. Haben Sie CSS-Code gesehen? Bitte finden Sie den folgenden Code:
body{
margin-top: 0px;
Rand rechts: auto;
Rand unten: 0px;
margin-left: auto;
Breite: 956px;
Hintergrundfarbe: #336666;
Schriftgröße: 12px;
Farbe: #666666;
}#navi_bar a:link {
/*Textfarbe der Navigationsleiste*/
}#navi_bar a:visited {}
Okay, das Folgende sind die wichtigsten Schritte:
Fügen Sie danach den folgenden Code hinzu:
#navi_bar a:hover{color:#000000;font-weight:bold;text-decoration:blink;background:#FF0000;font-size:18px}
#navi_bar a{display:block}
Codebeschreibung: 1. Farbe stellt die Farbe des Wortes dar, wenn die Maus bewegt wird, und Textdekoration stellt den Änderungseffekt des Textes dar. Die auswählbaren Attribute sind (keine bedeutet, dass der
Hyperlink
keine Unterstreichung hat, Unterstreichung hat eine Unterstreichen und Überstreichen fügt dem Text einen Hyperlink hinzu.Wechseln Sie zu „Durchgestrichen“, um dem Hyperlink-Text eine Linie hinzuzufügen, und blinken Sie, damit der Text
blinkt
.Die Schriftgröße stellt die Größe der Schriftart dar. Wenn Sie die Navigationsleiste dynamisch gestalten möchten, ist die Schriftgröße hier
größer als die Schriftart in navi_bar a:link. Die Schriftgröße in der CSS-Definition beträgt also 14 Pixel eine Schriftart größer als 14px.
2.navi_bar a{display:block} bedeutet, dass die Farbe die gesamte Tabelle ausfüllt, andernfalls kann nur Text ausgefüllt werden.