如何刪除包含圖像鏈接的邊框？

-1

容器周圍有一個白色的邊框。我試過了邊框：0;規則，但它並沒有刪除它。如何刪除包含圖像鏈接的邊框？

CSS：

#content { 
 
    height: 350px; 
 
    width: 700px; 
 
    margin-left: auto; 
 
    margin-right: auto; 
 
    border: 0; 
 
    text-align: center; 
 
} 
 
#content img { 
 
    top: 30%; 
 
    left: 50%; 
 
    width: 50%; 
 
    background: url(../images/awd/boxas.png) no-repeat center; 
 
    background-size: cover; 
 
    height: 300px; 
 
} 
 
#content a img { 
 
    border: 0; 
 
}

<div id="content" align="center"> 
 
    <h1 class="centeredImage"><a href="http://goo.gl/forms/oXBZKgpFzk"><img></a></h1> 
 
</div>

來源

2014-11-02 hiu28

更好地顯示您的環境，該片段意外工作。 – 2014-11-02 07:40:13

來自@myfriend的答案似乎有幫助 – 2014-11-02 07:40:44

將一個真實圖像放在那裏（而不是一個空的''標籤），你的問題就會消失。 – 2014-11-02 13:55:51

這必須工作：

#content a img { 
    border: none; 
}

來源

2014-11-02 07:39:16 goseo

邊框仍然存在，嘗試了'0'和'none'以及輪廓。他們根本不影響邊界。 – hiu28 2014-11-02 08:26:20

第一組圖像標籤屬性border = 0在HTML文件中

和在css文件中這樣改變。

#content a{ 
    border:none; 
    outline:none; 
} 

#content a img{ 
    border:none; 
    outline:none; 
}

來源

2014-11-02 07:54:57

如果在規則的方式設置圖像源像<img src="..." />而不是作爲一個background CSS屬性不會顯示邊框。是否有理由將其設置爲background屬性？

來源

2014-11-02 09:02:57 ckuijjer

這只是顯示src屬性<img>沒有有效圖像鏈接的瀏覽器實現。

解決方案爲您的代碼：

副本從CSS到<img>的src屬性背景網址。
將<img>更改爲<div>，並根據您的要求進行調整。

來源

2014-11-02 13:28:16 Barun

如何刪除包含圖像鏈接的邊框？

回答

相關問題