Html 图像下方和上方的蓝色小线

我在这两张图片的下方和上方都有这些蓝色的小线条。 我试着申请

style=“border:0；”

但它不起作用。 还尝试在css文件中应用css

border:0px，outline:0px

。 但它也不起作用

我假设这些是链接或类似的东西。 有人能帮我去掉这些蓝色的小线条吗

.kategorien1{
边缘底部：50px；
左边距：75px；
右边距：-35px；
盒影：0px 0px 3px 0px黑色；
过渡性质：全部；
过渡时间：400ms；
}
kategorien2先生{
边缘底部：80px；
左边距：300px；
盒影：0px 0px 3px 0px黑色；
过渡性质：全部；
过渡时间：400ms；
}

Handgefertigte Armbänder online shoppen bei手写表格

它来自

a

标记，如超链接中的蓝色下划线。将此添加到css以删除它们：

a {
    text-decoration: none;
}

为了完全覆盖您自己，最好将其应用于标记的两种状态（您知道单击后它会变成紫色吗？），所以请尝试以下css：

a, a:visited {
    text-decoration: none;
}

不过，这样做的目的是删除页面上所有链接的下划线。因此，最好创建一个类，并将其添加到不希望带下划线的链接中，如下所示：

a.no-underline，
a、 无下划线：已访问{
文字装饰：无；
}

---

您的a标签上有文字装饰

a{text-decoration: none;}

---

这会把它处理掉的。只需使用更好的选择器，因为上述操作将删除链接的所有下划线。

当您使用图像作为链接时，默认情况下浏览器将应用css。要删除它，您应该删除

的所有默认属性，如：

a{
text-decoration:none;
}

---

或者您可以为

指定单独的类，然后删除属性

只需使用以下CSS即可

img, a, a:focus {
    outline: none;
}
a, a:hover {
    text-decoration: none;
}

---

非常感谢。这是一个快速的回答，伙计。这就是为什么——如果你接受这个答案，我将不胜感激：）