На главную Статьи Функции

Убираем подчеркивание ссылок CSS




Убираем подчеркивание ссылок CSS
Как убрать подчеркивание ссылок? Этот вопрос часто задают люди, малознакомые с CSS. На деле же эта проблема решается элементарным прописыванием псевдостилей гиперссылок в подключаемом CSS файле или в самой странице. Итак:

  1. a.className:link – стиль ссылки. А дальше с ней можно делать все, на что хватит фантазии. Подчеркивание можно убрать задав значение свойству text-decoration значение none (то есть нет подчеркивания).
  2. a.className:active – стиль активной на данный момент ссылки, например, пункта меню, в котором вы находитесь.
  3. a.className:visited – стиль посещенной ссылки
  4. a.className:hover – стиль ссылки, на которой в данный момент находится курсор.

Ну вот вообщем то и все, путем изменения псевдостилей ссылок можно делать довольно красивые меню без использования JavaScript. Например так:

Ссылка

Стиль этой ссылки выглядит так:

a.example {
display:block;
width:50px;
height:30px;
background-color:#00FF00;
color:#000000;
padding:10px;
text-decoration:none;
}
a.example:hover {
background-color:#FF0000;
color:#FFFFFF;
font-weight:bold;
text-decoration: line-through;
}

Для красоты можно еще и задать фоновое изображение ссылки...



© 2010-2019 При использовании материалов ссылка на сайт www.webchaynik.ru обязательна

обратная связь