Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
4.0+ | 1.0+ | 4.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
Убрать автоматически добавляемую рамку вокруг изображений-ссылок.
Когда рисунок помещается внутрь контейнера <a>, он становится ссылкой и вокруг него автоматически добавляется тонкая цветная рамка. Чтобы от неё избавиться, добавьте свойство border со значением none к селектору IMG, как показано в примере 1.
Пример 1. Убираем рамку
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Рисунок без рамки</title> <style> 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>.
Сайт