圖像下方的藍色小線條

我在這兩個圖像下方和上方都有這些小藍線。我試圖申請 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>

來源

2017-02-09 Jahrens

這是從a標籤，如從超鏈接的藍色下劃線。添加到您的CSS將其刪除：

a { 
    text-decoration: none; 
}

要完全蓋住自己，這可能是一個好主意，這適用於標籤的兩種狀態（你知道如何去紫色一次點擊？），所以試試這個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>

來源

2017-02-09 10:33:42

謝謝！這是一個快速的回答隊友。 – Jahrens

這就是爲什麼 - 如果你願意接受答案，我會很感激:) –

你有你的標籤文本修飾。

a{text-decoration: none;}

這將消除它。只需使用更好的選擇器，因爲上述操作會刪除鏈接的所有下劃線。

來源

2017-02-09 10:36:23 Gezzasa

當您使用圖像作爲鏈接瀏覽器默認應用CSS。刪除它，你應該刪除的<a>所有默認的屬性，如：

a{ 
text-decoration:none; 
}

，或者你可以分配不同的類<a>然後deine屬性..！

來源

2017-02-09 10:37:34 shyamm

只需使用下面的CSS此

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

來源

2017-02-09 10:41:56

圖像下方的藍色小線條

回答

相關問題