Не удается удалить границу с img внутри метки

Question

Этот код создает (примерно примерно) 1px сплошную границу, которая серая вокруг img. Я установил границу изображений равными none, но она не удаляет границу.

Вот код:

<label> 
 
    <img style="width:200px;height:200px"> 
 
</label>

Answer 1

Это побочный эффект ваш HTML является недействительным. Используйте a validator.

Элемент img должен иметь src. Укажите, какой образ вы хотите загрузить, и граница уходит.

<label> 
 
    <img src="https://images.vexels.com/media/users/3/137685/isolated/lists/c078654c8b1501b4c9ee784a330210e5-logo-geometric-polygonal.png" style="width:200px;height:200px"> 
 
</label>

Если вы хотите коробку определенных размеров без загрузки изображения: Используйте div или другой элемент.

Answer 2

Ваш синтаксис тэгов img неверен. У вас есть:

<label> 
    <img style="width:200px;height:200px;"> 
</label> 

, но это должно быть:

<label> 
    <img src="myimage.jpg" style="width:200px;height:200px;"> 
</label> 

тогда граница исчезнет! если вы просто хотите использовать белый квадрат:

<label> 
    <div style="width:200px; height: 200px;"></div> 
</label> 

Сообщите мне, если вам нужно больше разъяснений!