Html 图像按钮周围的奇怪框架

我做了一个图片按钮，它在图片之间徘徊。 由于某种原因，当我在html中将图片设置为a时，图片周围有一个边框

我试着将按钮改为just，然后奇怪的画面消失了，但按钮上的按下效果不起作用

.img{
左填充：自动；
对齐项目：居中；
宽度：200px；
高度：200px；
背景：url（“src/assets/red2.png”）不重复；
}
.img:悬停{
左填充：自动；
对齐项目：居中；
宽度：200px；
高度：200px；
背景：url（“src/assets/red1.png”）不重复；
}
.img：主动{
背景：url（“src/assets/red1.png”）不重复；
}
.img：聚焦{
背景：url（“src/assets/red1.png”）不重复；
}
.img：目标{
背景：url（“src/assets/red1.png”）不重复；
}

尝试添加

.img{
    border:0;
}

还要确保

<td> 

标记位于表中。

尝试添加

.img{
    border:0;
}

还要确保

<td> 

---

标签在表中。

只需添加

边框：0

去除灰色边框，

轮廓：无如果你想去掉蓝色的轮廓


.img{
左填充：自动；
对齐项目：居中；
宽度：200px；
高度：200px；
背景：url（“src/assets/redsmiley2.png”）不重复；
边界：0；
大纲：无；
}
.img:悬停{
左填充：自动；
对齐项目：居中；
宽度：200px；
高度：200px；
背景：url（“src/assets/redsmiley1.png”）不重复；
}
.img：主动{
背景：url（“src/assets/redsmiley1.png”）不重复；
}
.img：聚焦{
背景：url（“src/assets/redsmiley1.png”）不重复；
}
.img：目标{
背景：url（“src/assets/redsmiley1.png”）不重复；
}
只需添加
边框：0
去除灰色边框，
轮廓：无如果你想去掉蓝色的轮廓


.img{
左填充：自动；
对齐项目：居中；
宽度：200px；
高度：200px；
背景：url（“src/assets/redsmiley2.png”）不重复；
边界：0；
大纲：无；
}
.img:悬停{
左填充：自动；
对齐项目：居中；
宽度：200px；
高度：200px；
背景：url（“src/assets/redsmiley1.png”）不重复；
}
.img：主动{
背景：url（“src/assets/redsmiley1.png”）不重复；
}
.img：聚焦{
背景：url（“src/assets/redsmiley1.png”）不重复；
}
.img：目标{
背景：url（“src/assets/redsmiley1.png”）不重复；
}
正如GolezTrol所说，添加边框只是按钮的默认样式

我在这些情况下使用的是

.img {
border: none;
outline: none;
}

这将确保按钮在激活时没有边框，也没有轮廓。
正如GolezTrol所述，添加边框只是按钮的默认样式

我在这些情况下使用的是

.img {
border: none;
outline: none;
}

这将确保按钮在激活时没有边框，也没有轮廓。
它不是一个真正的“怪异”框架。它的边框提供了按钮的默认3D外观。设置
img{border width:0；}
就完成了。这不是一个真正的“怪异”帧。它的边框提供了按钮的默认3D外观。设置
img{border width:0；}
就完成了。非常感谢@如果任何答案对您有帮助，您应该将其标记为有帮助。这也将帮助其他用户。非常感谢@如果任何答案对您有帮助，您应该将其标记为有帮助。这也将帮助其他用户