Wenn Sie ein Bild innerhalb des Link-Tags (zwischen und) platzieren, zeichnet der Browser des Besuchers standardmäßig einen ein Pixel breiten blauen Rahmen um das Bild. Neben der Tatsache, dass Browserwillkür die Größe dieses Gestaltungselements Ihrer Seite um zwei Pixel vertikal und zwei Pixel horizontal vergrößert, passt die blaue Farbe möglicherweise nicht zur Farbgebung des Seitendesigns.
Anweisungen
Schritt 1
Wenn Sie den Rahmen von einem oder mehreren Linkbildern entfernen müssen, können Sie dies tun, indem Sie dem Tag jedes der benötigten Bilder ein Rahmenattribut mit dem Wert Null hinzufügen. Zum Beispiel: Der gleiche Effekt kann mit dem style-Attribut erzielt werden, indem der gleiche Rahmen mit einem Nullwert darin platziert wird: Der Nullwert (0px) in dieser Variante kann durch den Wert "none" (ohne Anführungszeichen) ersetzt werden.
Schritt 2
Wenn Sie dieses Problem radikal lösen müssen, dh für alle Bilder mit Links im gesamten Dokument, ist es besser, es anders zu machen. Es ist nicht erforderlich, dem Tag jedes Bildes das entsprechende Attribut separat hinzuzufügen, es ist einfacher, die gemeinsame Regel in der Stilbeschreibung am Anfang des Dokuments zu notieren. Diese CSS-Regel sieht so aus: a img {border: none;} Sie sollte im Stilbeschreibungsblock platziert werden, und der Block selbst sollte vor dem Tag platziert werden, das den Seitentitel schließt:
ein Bild {Grenze: keine;}
Schritt 3
Nicht nur Bilder, sondern auch einfache Textlinks in einigen Browsertypen haben ein ähnliches Problem – wenn ein Besucher auf den Link klickt, bleibt ein gepunkteter Rahmen um ihn herum. Um Ihre Seite vor diesem Designfehler zu schützen, fügen Sie den Stilbeschreibungen die folgende Linkregel hinzu:
ein Bild {Übersicht: keine;}
