Как убрать рамку в html вокруг картинки (изображения)

Жирный шрифт и курсив в html
Дата: 2012-03-01
Автор: admin

Как добавить сайт в поисковики
Дата: 2010-11-26
Автор: Олег Каминский

Кроссбраузерная верстка. Полезные советы
Дата: 2011-08-31
Автор: Олег Каминский

Как вставить видео с youtube на сайт
Дата: 2011-02-16
Автор: Олег Каминский

Как раскрутить интернет-магазин бесплатно
Дата: 2012-01-16
Автор: Олег Каминский

Как убрать рамку в html вокруг картинки (изображения)



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

Вообще-то, чтобы сделать изображение ссылкой, тег <img> (который собственно и выводит это изображение) нужно заключить между тегами <a> </a>.

Допустим мне нужно сделать какое-нибудь изображение ссылкой на свой сайт. Для этого я пишу следующий код:

<a href="http://sites-builder.ru"><img src="images/ramka.jpg" width="300" height="200"></a>

Вместо адреса моего сайта укажите тот, который вам нужен, а вместо images/ramka.jpg укажите путь на сервере к вашему изображению.

Однако, как видим, вокруг картинки появилась некрасивая рамка. Для того чтобы ее убрать, необходимо в тег <img> добавить свойство border и придать ему значение 0.
И код будет выглядеть следующим образом:

<a href="http://sites-builder.ru"><img src="images/ramka.jpg" width="300" height="200" border="0"></a>

Как видим, убрать рамку в html достаточно просто.



Поделитесь статьёй с друзьями:


Автор: Олег Каминский| Дата: 2012-02-07| Просмотров:(8979)| Комментов:(4)



Комментарии:

Автор: Анна
Дата: (2017-04-02)

Нашла: a:focus{outline:none;} a {outline:none;} * {outline:none;} outline:none !important; Работает!

Автор: Анна
Дата: (2017-04-02)

В Мозилле работает. А в Хроме нет. Как быть?

Автор: Анатолий
Дата: (2013-09-07)

talyan-290@ya.ru

Автор: Анатолий
Дата: (2013-09-07)

Где взять такую же штуку для комментариев?

Добавить Ваш комментарий:

Введите сумму чисел с картинки: