Как убрать рамку вокруг картинки в html

Когда мы вставляем картинку в html, то на странице она может отобразиться с рамкой:

Это связано с тем, что по умолчанию в свойствах CSS стоит значение border:

<head>
<style>
img{
border: 1px solid #000;
}
</style>
</head>

Чтобы рамки больше не было достаточно исправить значения на 0.

<head>
<style>
img{
border: none;
}
</style>
</head>

Есть еще один вариант почему картинка может быть с рамкой. Возможно, в атрибутах тега <img> указан border:

<body>
<style>
<img border="1" src="kartinka.jpg">
</body>

В этом случае нам также надо поправить его на ноль.

Примечание

Если картинка является ссылкой (такое часто бывает), то в этом случае надо прописать в стилях к вашему сайту:

<head>
<style>
a img{
border: none;
}
</style>
</head>




Читайте также:

• HTML тег <!– –> (комментарии)

• HTML тег <a> – подробное описание с примерами

• Мета тег viewport

• Как увеличивать изображения (все способы)

• Коды символов для HTML

• Коды и названия html цветов для сайта

• CSS свойство position в HTML

• Как изменить размер картинки в html

← Перейти в каталог html уроков и советов

Читайте также:

Copy Protected by Chetan's WP-Copyprotect.