Question

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

我认为这些是链接或类似的东西。有人可以帮我删除这些小蓝线吗？

＆＃13;

.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;
}

＆＃13;

<!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>

＆＃13;

Answer 1

来自if标签，如超链接的蓝色下划线。将其添加到您的CSS中以删除它们：

else

为了完全覆盖自己，最好将它应用于标签的两个状态（你知道它一旦被点击就会变成紫色吗？），所以试试这个css：

if else

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

a {
    text-decoration: none;
}

Answer 2

您的标签上有文字装饰。

a{text-decoration: none;}

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

Answer 3

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

a{
text-decoration:none;
}

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

Answer 4

只需使用以下CSS

<div class="row text-left">
/////some counter=0
    {% for article in article_list %}

        /////{% if counter == 4 %}
            </div>
            <div class="row text-left">
        {% endif %}

        {% if article.published %}enter code here
   /////// counter++
        {% include "aldryn_newsblog/includes/general-article.html" %}

        {% endif %}

        {% empty %}
            <p>{% trans "No items available" %}</p>
    {% endfor %}
</div>

图像下方和上方的小蓝线

4 个答案: