Информационные технологииStfw.Ru 🔍

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

🕛 19.01.2009, 18:46
Когда рисунок помещается внутрь контейнера <A>, то он становится ссылкой и вокруг него автоматически добавляется тонкая цветная рамка. Чтобы от нее избавиться, добавьте атрибут border со значением none к селектору IMG, как показано в примере 1. 
Пример 1. Убираем рамку

HTML 4.01CSS 2.1IE 6IE 7Op 9.5Sa 3.1Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://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="images/sample.gif" width="100" height="100" alt="Рисунок без рамки"> </a></p> </body>
</html>В данном примере используется контекстный селектор A IMG, который указывает использовать стиль только для изображений, расположенных внутри тега <A>.

Все рецепты HTML и CSS   Теги:

Читать IT-новости в Telegram
Информационные технологии
Мы в соцсетях ✉