Как убрать рамку вокруг картинки в 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>