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

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

Ответы на вопрос(8)

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

a:hover {
   text-decoration:none;
}

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

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

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

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

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>

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

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

border: none;

а также

box-shadow: none;

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

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

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

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

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

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

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>

ВАШ ОТВЕТ НА ВОПРОС