Акции

Скидка до 40% на создание Бизнес-сайта или Интернет-магазина при заключении договора на поддержку и продвижение!
Подробнее

Статьи и обзоры

2013-02-22

Рамка вокруг ссылки

При использовании рамок со ссылками возможны два варианта. Первый рамка вокруг ссылок устанавливается заранее и при наведении на нее кур- сора меняет свой цвет. И второй рамка отображается, только когда на ссылку наводится курсор. Подчеркивание текста через параметр text-decoration можно убрать или оставить без изменения. Чтобы рамка не "прилипала" к тексту, в примере вокруг него установлены поля с помощью параметра padding. Можно также вместе с применением рамки добавить и фон, воспользовавшись свойством background. Если требуется добавить рамку к ссылкам при наведении на них курсора, то следует позаботиться о том, чтобы текст в этом случае не сдвигался. Достичь этого можно двумя способами. Первый способ заключается в создании невидимой рамки вокруг ссылки и последующего изменения цвета рамки с помощью псевдокласса hover. Второй способ добавления рамок вокруг ссылок применяется, когда на веб- странице используется неоднородный фоновый рисунок. В этом случае трудно подобрать исходный цвет рамки, чтобы она не выделялась. Нейтрализовать неизбежный сдвиг текста можно, используя разные отступы от текста до рамки, задаваемые параметром padding для селекторов А И A:hover. Значение для селектора A:hover получается вычитанием толщины рамки из аргумента свойства padding селектора А.

Вы хотите купить что-то в сети Интернет? Тогда изучите яндекс маркет отзывы и сделайте правильный выбор.

Источник

Все новости>>

Обзоры

Все обзоры...

Полезные материалы

© 2012 VediTa Генеральный партнер компания "НТО ИНТ"

телефон +7 (4752) 48-54-15

создание сайтов в Тамбове