Вопрос по html – Как удалить подчеркивание из ссылки в HTML?

102

На своей странице я разместил несколько ссылок, по которым мне не нужна какая-либо строка, поэтому как я могу удалить это с помощью HTML?

Paic, я не собираюсь снова откатывать метки, но, как вы знаете, единственный способ удалить подчеркиваниеwith CSS, Да, даже если вы добавляете его в строку с HTML (вstyle атрибут),it is still CSS, Два других тега также полностью действительны (presentation а такжеhyperlink). В будущем, пожалуйста, не удаляйте (или не добавляйте) теги к вопросу, если для этого нет веских причин. Спасибо! 0b10011
возможный дубликатHow to remove the underline for anchors(links)? RAS
@bfrohs Я уважаю ваши слова, но я создаю свой сайт, используя только HTML, и поэтому я не добавил больше тегов, потому что, если бы я сделал это, у меня могли бы быть ответы на другом языке. На самом деле, я немного новичок в этом, в этом причина. Paic Ten
Вы не можете создать совместимый со стандартами веб-сайт без CSS (если вы не используете браузер по умолчанию для всей презентации). HTML = структура; CSS = презентация. Другие теги не имели никакого отношения к другому языку - они были предоставлены только для того, чтобы помочь людям найти вопрос и ответ. 0b10011
Почему у этого вопроса так много голосов? Вы можете буквально ответить на него в одном поиске Google, и я уверен, что в StackOverflow есть много его дубликатов. Alternatex

Ваш Ответ

8   ответов
160

В соответствии версия:

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

Однако помните, что выдолжен в общем-тоотдельный содержание вашего сайта (которыйHTML), из презентации (котораяCSS). Поэтому вы должны вообщеизбегать встроенных стилей.

УвидетьОтвет Джона чтобы увидеть эквивалентный ответ, используяCSS.

Этот вышеупомянутый код не работал для меня. Когда я копаюсь в проблеме, я понимаю, что она не работает, потому что я поместил стиль после href. Когда я поместил стиль перед href, он работал как положено. & lt; a href = & quot;yoursite.com& Quot; стиль = & Quot; текст-отделка: нет & Quot; & GT; YourSite & л; / а & GT;
убийца! Я никогда не видел эти строки подчеркивания за все годы, что я делал HTML .... ^^
В ответе Джона по-прежнему используются встроенные стили. Разделение вашего CSS означает больше, чем псевдоним CSS в вашем HTML. Напримерclass="big-and-red" псевдоним не разделение.class="meaningful-domain-item" затем CSS.meaningful-domain-item { //big and red } является. Этого ответа достаточно, чтобы напомнить мне, какой тег использовать в моем css +1.
5

Add this to your external style sheet (preferred):

a {text-decoration:none;}

Or add this to the <head> of your HTML document:

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

Or add it to the a element itself (not recommended):

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

ьзуете тему Wordpress или чужой CSS, где ссылки подчеркнуты другими методами, так что оформление текста: ни одна из них не отключит подчеркивание.

Border и box-shadow - два других метода, которые я знаю для подчеркивания ссылок. Чтобы отключить их:

border: none;

а также

box-shadow: none;
0

е, я понимаю, что она не работает, потому что я поместил стиль после href. Когда я поместил стиль перед href, он работал как положено.

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

The following is not a best practice, but can sometimes prove useful

Лучше использовать решение, предоставленное Джоном Конде, но иногда использование внешнего CSS невозможно. Таким образом, вы можете добавить следующее в ваш HTML-тег:

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

из которой вы хотите удалить подчеркивание.

12

hover, чтобы избежать подчеркивания, если указатель мыши находится над якорем

a:hover {
   text-decoration:none;
}
46

a {text-decoration: none; }

Если у вас есть конкретные ссылки, к которым вы хотите применить это, присвойте им имя класса, напримерnounderline и сделать это:

a.nounderline {text-decoration: none; }

Это будет применяться только к этим ссылкам и оставит все остальные без изменений.

Этот код принадлежит в<head> вашего документа или в таблице стилей:

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

И в теле:

<a href="#" class="nounderline">Link</a>
@PaicTen Вы должны добавить это в свой код CSS.

Похожие вопросы