Ссылки

Как убрать пунктирную рамку вокруг ссылок?

В некоторых браузерах, частности Firefox, при активации ссылок вокруг них добавляется пунктирная рамка. Она предназначена для привлечения внимания и демонстрации текущего фокуса (рис. 1).

Пунктирная линия вокруг ссылки

Рис. 1. Пунктирная линия вокруг ссылки

Тем не менее, некоторые разработчики хотели бы убрать эту рамку, чтобы сделать сайт однообразным в различных браузерах. Для этого следует к селектору A добавить стилевое свойство outline со значением none (пример 1).

Как изменить цвет ссылки и фона под ней?

Используйте стилевое свойство color для задания цвета текста и background для изменения цвета фона под ссылкой, добавляя их к селектору A, как показано в примере 1.

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

По умолчанию ссылки всегда подчеркиваются, чтобы легко можно было отличить ссылку от рядового текста. Но в некоторых случаях подчеркивание допустимо убрать, когда очевидна разница между ссылкой и текстом.

Чтобы ссылки не подчеркивались, для селектора A следует добавить свойство text-decoration со значением none.

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.