图像下方和上方的小蓝线

Question

我在这两张图片的下方和上方有这些蓝色的小线条。我试着应用style="border: 0;"，但它不起作用。我还尝试在css文件中应用css border:0px, outline:0px。但是它也不能工作。

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

​

.kategorien1{
    margin-bottom: 50px;
    margin-left: 75px;
    margin-right: -35px;
    box-shadow: 0px 0px 3px 0px black;
    transition-property: all;
    transition-duration: 400ms;
}
.kategorien2{
    margin-bottom: 80px;
    margin-left: 300px;
    box-shadow: 0px 0px 3px 0px black;
    transition-property: all;
    transition-duration: 400ms;
}

<!DOCTYPE html>
<html= lang=de>
<head>
<link href="style.css" rel= "stylesheet" type="text/css">
<meta charset="utf-8">
<title>Handgefertigte Armbänder online shoppen bei handform</title>    
</head>


<body>
<!--BILDER UNTERKATEGORIEN-->
<a href="damem-lederimitat.html">
<img class="kategorien1" src="Lederimitat.jpeg" width="40%" style="border: 0;">
</a>    
<a href="damem-armreifen.html">
<img class="kategorien1" src="armreifen.jpeg" width="40%" style="border: 0;">
</a>  
<a href="damem-perlenarmbänder.html">
<img class="kategorien1" src="Perlenarmb%C3%A4nder.jpeg" width="40%" style="border: 0;">
</a>   
<a href="damem-verschiedene-armbänder.html">
<img class="kategorien1" src="verschiedene_b%C3%A4nder.jpeg" width="40%" style="border: 0;">
</a>
<a href="damem-verschiedene-armbänder.html">
<img class="kategorien2" src="M%C3%A4nnerarmb%C3%A4nder.jpeg" width="40%" style="border: 0;">
</a>

</body>
    

</html>

​

Answer 1

它来自a标记，如超链接的蓝色下划线所示。将此代码添加到css中以删除它们：

a {
    text-decoration: none;
}

为了完全覆盖自己，将此应用于a标记的两种状态可能是个好主意(您知道单击后它会变成紫色吗？)，因此尝试以下css：

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

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

​

a.no-underline,
a.no-underline:visited {
  text-decoration: none;
}

<a class="no-underline" href="#">This isn't underlined</a>
<a href="#">But this is!</a>

​

Answer 2

您的a标签上有文本装饰。

a{text-decoration: none;}

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

Answer 3

当您将图像用作链接浏览器时，默认情况下将应用css。要删除它，您应该删除<a>的所有默认属性，如下所示：

a{
text-decoration:none;
}

或者您可以为<a>分配单独的类，然后定义属性。