如何删除包含图像链接的边框？

-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

如何删除包含图像链接的边框？

回答

相关问题