Umrisse in CSS deaktivieren

April 6

Umrisse in CSS deaktivieren

Beschreibt, um Verknüpfungen erscheinen und manchmal Flash Steuerelemente. Nicht alle Browser Fügen sie automatisch, aber einige wie Firefox 3 füge Konturen. Da die Konturen Ihrer Web-Designs nicht immer übereinstimmen, sollten Sie manchmal zu entfernen. Denken Sie daran, die Konturen eine visuelle Anleitung für Benutzer klicken auf Links, bieten so Sie einen neuen Stil der Gliederung Nutzbarkeit Zwecken wieder hinzufügen möchten vielleicht. Cascading Style Sheet oder CSS, Code können Sie Konturen entfernen.

Anweisungen

1 Öffnen Sie Ihre externe Stylesheet-Datei - diese Dateien enden mit der. CSS-Erweiterung-- und Scrollen Sie an das Ende des Codes. Wenn Ihre Website kein externes Stylesheet verwendet, < Style >-Tags zwischen Ihrem < Head >-Tags suchen Sie, und fügen Sie sie, wenn Sie keine finden.

2 Schreiben Sie den folgenden Code in der externen Datei oder zwischen den < Style >-Tags in Ihre HTML-Datei:

ein {Outline: 0;}

Die oben genannten "Umriss"-Eigenschaft steuert die Konturen, die ganzen Links im Browser angezeigt. Ihre Auswahl, um Konturen Entfernen von Flash als auch fügen Sie hinzu "Objekt" und "einbetten":

a, Objekt einbetten {Outline: 0;}

3 Erstellen Sie einen neuen Stil für den Hover, aktive und Fokus Staaten der Links, um sie besser nutzbar zu machen. Ersetzen Sie "skizzieren" mit einem Rahmen zum Beispiel.

a: Hover, ein: aktiv, ein: Fokus {Grenze: 1px solid gelb;}

Der obige Code fügt einen einem Pixel breiten, soliden gelben Rahmen um Links, wenn ein Benutzer bewegt wird, klickt oder tabs zu ihnen. Entfernen "a: Hover" um nur den Rand wenn ein Benutzer klickt oder tabs, hinzuzufügen, wenn Sie, dass die Grenze, die auf eine momentane Verknüpfung verhindern möchten,.

Tipps & Warnungen

  • Sichern Sie Ihre HTML- und CSS-Dateien vor der Bearbeitung.