Инструкция
1
Если надо убрать рамку у какой-то одной или нескольких картинок-ссылок, то сделать это можно добавлением в тег каждого из нужных вам изображений атрибута border с нулевым значением. Например:<a href="https://www.kakprosto.ru/"><img src="image.gif" border="0" /></a>Этого же эффекта можно добиться и с помощью атрибута style, поместив в него тот же border с нулевым значением:<a href="https://www.kakprosto.ru/"><img src="image.gif" style="border: 0px;" /></a>Нулевое значение (0px) в этом варианте можно заменить на значение "none" (без кавычек).
2
Если же нужно решить эту проблему радикально, то есть для всех картинок со ссылками в целом документе, то сделать лучше по-другому. Нет необходимости добавлять соответствующий атрибут в тег каждой картинки в отдельности, проще записать общее для всех правило в описание стилей в начале документа. Это правило на языке CSS будет выглядеть так:a img {border: none;}Его нужно поместить в блок описания стилей, а сам блок - перед закрывающим заголовок страницы тегом </head>:<style type="text/css">
a img {border: none;}
</style>
3
Не только у картинок, но и у простых текстовых ссылок в некоторых типах браузеров бывает аналогичная проблема - если посетитель щелкнет ссылку, то вокруг нее останется пунктирная рамка. Чтобы избавить свою страницу от этой погрешности в дизайне добавьте в описание стилей такое правило для ссылок:<style type="text/css">
a img {outline: none;}
</style>