So entfernen Sie Unterstreichung von einem Link in HTML?

In meiner Seite habe ich einige Links eingefügt, unter denen ich keine Zeile möchte, also, wie kann ich das mit HTML entfernen?So entfernen Sie Unterstreichung von einem Link in HTML?

Quelle

2012-06-01 Paic Ten

Paic, ich werde nicht die Mühe wieder die Tags rollen zurück, aber nur damit Sie wissen, ist der einzige Weg, um die unterstrichenen entfernen ** mit CSS **. Ja, obwohl Sie es inline mit dem HTML hinzufügen (im Attribut 'style'), * ist es immer noch CSS *. Die anderen beiden Tags sind ebenfalls vollständig gültig ("Präsentation" und "Hyperlink"). Bitte entfernen Sie in der Zukunft keine Tags zu einer Frage, es sei denn, es gibt einen triftigen Grund dafür. Vielen Dank! – 0b10011

@bfrohs Ich respektiere deine Worte, aber ich baue meine Website nur mit HTML und so habe ich keine weiteren Tags hinzugefügt, denn wenn ich das getan hätte, hätte ich vielleicht Antworten für andere Sprachen. Eigentlich bin ich ein bisschen Neuling, das ist der Grund. –

Sie können keine standardkonforme Website ohne CSS erstellen (es sei denn, Sie verwenden die Standardeinstellungen des Browsers für alle Präsentationen). HTML = Struktur; CSS = Präsentation. Die anderen Tags hatten nichts mit einer anderen Sprache zu tun - sie wurden nur bereitgestellt, um Leuten zu helfen, die Frage zu finden und zu antworten. – 0b10011

131

Inline Version:

<style type="text/css"> 
a {text-decoration:none;} 
</style>

Oder fügen Sie es das a Element selbst (nicht empfohlen):

<a href="http://yoursite.com/" style="text-decoration:none">yoursite</a>

Aber denken Sie daran, dass Sie should in der Regel separate den Inhalt Ihrer Website (die HTML ist), aus der Präsentation (die CSS ist). Daher sollten Sie generell avoid inline styles.

Siehe John's answer, um die äquivalente Antwort unter Verwendung von CSS zu sehen.

Quelle

2012-06-01 16:19:29

Killer! Ich habe diese Unterstriche nie in all den Jahren gesehen, wo ich html gemacht habe. ^^ –

Johns Antwort benutzt immer noch im Wesentlichen Inline-Stile. Trennen Sie Ihre CSS bedeutet mehr als Aliasing CSS in Ihrem HTML. ZB 'class =" big-and-red "' ist Aliasing nicht getrennt. 'class =" semanent-domain-item "' dann css '.meaningful-domain-item {// big and red}' ist. Diese Antwort reicht aus, um mich daran zu erinnern, welches Tag ich in meinem CSS +1 benutzen soll. –

Dadurch werden alle Unterstreichungen von allen Links entfernen:

a {text-decoration: none; }

Wenn Sie bestimmte Links, die Sie dies anwenden möchten, so dass sie einen Klassennamen geben, wie nounderline und dies tun:

a.nounderline {text-decoration: none; }

Das gilt nur für diese Links und alle anderen unberührt lassen.

Dieser Code gehört in den <head> des Dokuments oder in einem Stylesheet:

<head> 
    <style type="text/css"> 
     a.nounderline {text-decoration: none; } 
    </style> 
</head>

Und im Körper:

<a href="#" class="nounderline">Link</a>

Quelle

2012-06-01 16:16:39

@PaicTen Sie müssen dies zu Ihrem CSS-Code hinzufügen. – Sonic42

Fügen Sie diese auf Ihrem externen Stylesheet (bevorzugte):
```
a {text-decoration:none;} 
```

Oder dieses Dokument der <head> Ihres HTML hinzu:

<!-- Add [ style="text-decoration:none;"] --> 
<a href="http://example.com" style="text-decoration:none;">Text</a>

Quelle

2012-06-01 16:18:24 0b10011

Das folgende ist keine bewährte Methode, aber manchmal kann als nützlich erweisen

Es ist besser, die Lösung von John Conde zu nutzen, aber manchmal ist die externe CSS unmöglich. So können Sie das folgende in der HTML-Tag hinzu:

<a style="text-decoration:none;">My Link</a>

Quelle

2012-06-01 16:21:32 nebulousGirl

<style="text-decoration: none">

Der obige Code wird enough.Just dies in den Link, den Sie von Unterstrichen entfernen möchten einfügen werden.

Quelle

2013-11-19 09:20:57 sd1990

Ich schlage vor, zu verwenden: schweben unterstreichen zu vermeiden, wenn Mauszeiger über einen Anker ist

a:hover { 
    text-decoration:none; 
}

Quelle

2014-02-09 13:08:12 Roman

die anderen Antworten aller Erwähnung text-decoration.Manchmal verwenden Sie ein Wordpress-Theme oder das CSS einer anderen Person, wobei Links durch andere Methoden unterstrichen werden, so dass text-decoration: none die Unterstreichung nicht deaktiviert.

Border und Box-Shadow sind zwei andere Methoden, die ich kenne, um Links zu unterstreichen. So schalten Sie diese aus:

border: none;

und

box-shadow: none;

Quelle

2015-12-11 17:27:10

So entfernen Sie Unterstreichung von einem Link in HTML?

Antwort

Verwandte Themen