Na mojej stronie umieściłem linki, pod którymi nie chcę żadnej linii, więc jak mogę to usunąć za pomocą HTML?
Na mojej stronie umieściłem linki, pod którymi nie chcę żadnej linii, więc jak mogę to usunąć za pomocą HTML?
Odpowiedzi:
Wersja wbudowana :
<a href="http://yoursite.com/" style="text-decoration:none">yoursite</a>
Pamiętaj jednak, że generalnie powinieneś oddzielić zawartość swojej strony (czyli HTML ) od prezentacji (czyli CSS ). Dlatego generalnie należy unikać stylów wbudowanych .
Zobacz odpowiedź Johna, aby zobaczyć równoważną odpowiedź za pomocą CSS .
class="big-and-red"
To aliasing, a nie separacja. class="meaningful-domain-item"
to css .meaningful-domain-item { //big and red }
. Ta odpowiedź wystarczy, aby przypomnieć mi, którego tagu użyć w moim css +1.
Spowoduje to usunięcie wszystkich podkreśleń ze wszystkich linków:
a {text-decoration: none; }
Jeśli masz określone linki, do których chcesz to zastosować, nadaj im nazwę klasy, na przykład nounderline
i zrób to:
a.nounderline {text-decoration: none; }
Będzie to miało zastosowanie tylko do tych linków i pozostawi wszystkie inne niezmienione.
Ten kod należy do <head>
części twojego dokumentu lub arkusza stylów:
<head>
<style type="text/css">
a.nounderline {text-decoration: none; }
</style>
</head>
A w ciele:
<a href="#" class="nounderline">Link</a>
Dodaj to do swojego zewnętrznego arkusza stylów ( preferowane ):
a {text-decoration:none;}
Lub dodaj to do <head>
swojego dokumentu HTML:
<style type="text/css">
a {text-decoration:none;}
</style>
Lub dodaj go do samego a
elementu ( niezalecane ):
<!-- Add [ style="text-decoration:none;"] -->
<a href="http://example.com" style="text-decoration:none;">Text</a>
Wszystkie inne odpowiedzi wspominają o dekorowaniu tekstu. Czasami używasz motywu Wordpress lub czyjegoś CSS, w którym linki są podkreślane innymi metodami, więc text-decoration: none nie wyłącza podkreślenia.
Border i box-shadow to dwie inne znane mi metody podkreślania linków. Aby je wyłączyć:
border: none;
i
box-shadow: none;
Poniższe informacje nie są najlepszymi praktykami, ale czasami mogą się okazać przydatne
Lepiej jest skorzystać z rozwiązania dostarczonego przez Johna Conde, ale czasami użycie zewnętrznego CSS jest niemożliwe. Możesz więc dodać do swojego tagu HTML:
<a style="text-decoration:none;">My Link</a>
Cały wyżej wymieniony kod nie działa u mnie. Kiedy zagłębiam się w problem, zdaję sobie sprawę, że to nie działa, ponieważ umieściłem styl po href. Kiedy umieściłem styl przed href, działał zgodnie z oczekiwaniami.
<a style="text-decoration:none" href="http://yoursite.com/">yoursite</a>
style
atrybucie), nadal jest to CSS . Pozostałe dwa tagi są również całkowicie prawidłowe (presentation
ihyperlink
). W przyszłości nie usuwaj (ani nie dodawaj) tagów do pytania, chyba że istnieje ku temu ważny powód. Dzięki!