Ссылка без подчеркивания

Внедряем CSS в HTML. JavaScript.
Аватара пользователя
Slash
Администратор
Сообщения: 2028
Поблагодарили: 62 раза

Ссылка без подчеркивания

Сообщение Slash » Сб сен 13, 2014 3:32 pm

Всем привет!
Мне недавно задали вопрос как убрать у ссылки подчеркивание?... Уже повторяюсь :) , ну что ж, если так все и есть... Ладно пропущу эту историю и приступим сразу к делу! В общем если требуется удалить подчеркивание у ссылки, то воспользуйтесь каскадными таблицами стиля, так как чистым HTML сделать это не получится, по крайне мере я такого способа не знаю.
И так, делается это так:

Код: Выделить всё

a {
    text-decoration: none;

Вставить этот код можно в файл style.css и подключить его к HTML документу вставив между тегами <head> и </head>:

Код: Выделить всё

<link href="style.css" rel="stylesheet" />

Либо вставить прямо в сам HTML документ между теми же тегами, таким образом:

Код: Выделить всё

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

(Об этом я кстати писал тут: Введение в HTML (Ссылки <a>))
Ещё: быть может Вам потребуется появление подчеркивания при наведении курсора на ссылку, тогда дописываем наш код:

Код: Выделить всё

a:hover { 
    text-decoration: underline;

Вот, пока всё.
Реклама

Вернуться в «HTML + CSS»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость