Entfernen Sie den gepunkteten Rahmen von Linkelementen und sorgen Sie für Kompatibilität mit IE7, IE6 und FF_Experience Exchange

Empfehlen Sie den folgenden Code

Code kopieren Der Code lautet wie folgt:

a {outline: none; /* für Forefox */ }
a {star:expression(this.onFocus=this.blur()); /* für Ie*/ }

Der folgende Code ist problematischer
Wir verwenden die HTC-Dateimethode, um dieses Problem zu lösen. Speichern Sie den folgenden Code als link.htc-Datei auf der Homepage.​

Code kopieren Der Code lautet wie folgt:

Schreiben Sie den folgenden Code in die HTML-Datei, um einen Link zu erstellen:
jb51.net
Beginnen wir mit der Definition des CSS-Stils für diesen Link:

a {
display:block;
Breite:100px;
Höhe: 30 Pixel;
Zeilenhöhe:30px;
text-align:center;
}
a:hover {
Hintergrund:#ddd;
}
CSS-Stile bestimmen das Erscheinungsbild von Links und Blockelementen mit einer bestimmten Breite und Höhe. Der Text wird horizontal, links und mittig ausgerichtet.​
Wir fügen dem Stil des a-Tags ein Attribut hinzu. Verwenden Sie dies, um den gestrichelten Rand eines Links zu entfernen:

a {
display:block;
Breite:100px;
Höhe: 30 Pixel;
Zeilenhöhe:30px;
text-align:center;
verhalten:url(line.htc);
}
Wir führen den folgenden Code aus, um den Effekt zu sehen:

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>DIVCSS-Beispiel-Tutorial: Entfernen Sie das gepunktete Feld mit Linkelementen </title>