Question

此代码在img周围创建一个（大致看起来像）粗体1px实线边框。我将图像边框设置为无，但它不会删除边框。

以下是代码：

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

Answer 1

这是HTML无效的副作用。使用a validator。

img元素必须包含src。指定要加载的图像，边框消失。

＆＃13;

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

＆＃13;

如果您想要一个不加载图片的特定尺寸的框：使用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>

如果您需要进一步澄清，请告诉我们！

无法从标签内的img中删除边框

2 个答案: