Kann nicht Rand entfernen innerhalb des Etiketts

Question

Dieser Code ist aus img a erzeugt (was aussieht wie, grob) 1px solid Grenze, die grau um das img ist. Ich habe den Bildrand auf keinen festgelegt, aber den Rand nicht entfernt.

Hier ist der Code:

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

Answer 1

Dies ist ein Nebeneffekt des HTML ungültig zu sein. Verwenden Sie a validator.

Ein img Element muss ein src haben. Geben Sie an, welches Bild geladen werden soll und der Rahmen verschwindet.

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

Wenn Sie eine Schachtel mit bestimmten Dimensionen wollen, ohne ein Bild geladen: ein div oder ein anderes Element verwenden.

Answer 2

Ihre img-Tag-Syntax ist falsch. Sie haben:

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

aber es sollte sein:

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

dann die Grenze verschwinden! wenn Sie nur ein weißes Quadrat verwenden möchten:

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

lassen Sie mich wissen, wenn Sie mehr Klärungsbedarf!