Как убрать рамку?

Когда вы помещаете картинку внутрь тега ссылки (между и ), браузер посетителя по умолчанию пририсовывает вокруг картинки синюю рамку шириной в один пиксель. Кроме того, что самоуправство браузера увеличивает размер этого элемента дизайна вашей страницы на два пиксела по вертикали и два по горизонтали, синий цвет может не соответствовать цветовой гамме оформления страницы.

Инструкция

Если надо убрать рамку у какой-то одной или нескольких картинок-ссылок, то сделать это можно добавлением в тег каждого из нужных вам изображений атрибута border с нулевым значением. Например:Этого же эффекта можно добиться и с помощью атрибута style, поместив в него тот же border с нулевым значением:Нулевое значение (0px) в этом варианте можно заменить на значение "none" (без кавычек).

Если же нужно решить эту проблему радикально, то есть для всех картинок со ссылками в целом документе, то сделать лучше по-другому. Нет необходимости добавлять соответствующий атрибут в тег каждой картинки в отдельности, проще записать общее для всех правило в описание стилей в начале документа. Это правило на языке CSS будет выглядеть так:a img {border: none;}Его нужно поместить в блок описания стилей, а сам блок - перед закрывающим заголовок страницы тегом :

a img {border: none;}

Не только у картинок, но и у простых текстовых ссылок в некоторых типах браузеров бывает аналогичная проблема - если посетитель щелкнет ссылку, то вокруг нее останется пунктирная рамка. Чтобы избавить свою страницу от этой погрешности в дизайне добавьте в описание стилей такое правило для ссылок:

a img {outline: none;}

Оцените статью!