Question

容器周围有一个白色的边框。我试过边框：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>

Answer 1

这必须有效：

#content a img {
    border: none;
}

Answer 2

首先在html文件中设置图片代码属性border = 0

并在css文件中更改为。

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

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

Answer 3

如果您以<img src="..." />而不是background css属性的常规方式设置图像源，则不会显示边框。是否有理由将其设置为background属性？

Answer 4

只是显示src属性<img>没有有效图片链接的浏览器实现。

代码解决方案：

将背景网址从css复制到<img>。
将<img>更改为<div>，并根据您的要求进行调整。

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

4 个答案: