Познавательный блог Мобильная врсия

Страницы

Промо

Как убрать рамку вокруг изображений-ссылок?

Как убрать рамку вокруг изображений-ссылок?

огда рисунок помещается внутрь контейнера <A>, то он становится ссылкой и вокруг него автоматически добавляется тонкая цветная рамка. Можно убрать её добавив к тегу <IMG> параметр BORDER равный нулю. Выглядеть это будет так.

<img src="sample.gif" border="0">

Чтобы от нее избавиться по всей странице или сайту, добавьте параметр border со значением none к селектору IMG.Сделать это можно через CSS. И все картинки-изображения больше не будут отображаться с рамкой. На всех страницах, использующих этот файл CSS рамки пропадут.

a img {border: none; }

Для того чтобы убрать на одной странице, достаточно добавить в ваш файл строку.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Рисунок без рамки</title>
<style type="text/css">
A IMG {
border: none; /* Убираем рамку */
}
</style>
</head>
<body>
<p><a href="link.html"><img src="sample.gif" width="100" height="100"
alt="Рисунок без рамки"></a></p>
</body>
</html>

Вот и всё. За информацию спасибо webimg.ru

Написать комментарий








Поиск по сайту

Статистика

Мета

  Разработка и дизайн — StvPromo.ru