Question

出于某种原因，我的图像周围有一个非常丑陋的橙色部分。

谁能明白这是为什么？

这是HTML

<div class="preview">

            <a href="images/foto/full/280899624_6_5_j6.jpeg" title="Sportschool Raymond Snel" rel="lightbox"><img src="images/foto/full/280899624_6_5_j6.jpeg" alt="text" /></a>

</div>

这是css

.preview {
    width: 85px; 
    height: 85px; 
    overflow: hidden;
    border: 3px solid #2e2a26;
    }

颜色代码= FF6a00但在css文件中只出现一次。

a {
    color: #ff6a00;
    text-decoration: none;
    border: 0px;
}

正如你所看到的，我已经给它一个0px，但由于某种原因，边界仍然存在。

Answer 1

尝试img { border: 0; }

Answer 2

尝试使用以下CSS，确保链接中的任何图像都没有边框。

a img { border:0px;}

Answer 3

您需要删除图像上的边框，而不是仅删除锚点上的边框。边框实际上来自锚点内的图像，因此以下内容将修复它：

img{border:none;}

Answer 4

试试这个：

.preview a img { border: 0px; }

Answer 5

边框是因为图像是一个链接（想想默认情况下链接是如何呈蓝色 - 这同样适用于图像链接，默认情况下它们都有边框。）

此行将修复它

.preview a img {border: 0;}

Answer 6

试试这个：

.preview a:link img, .preview a:active img, .preview a:hover img, .preview a:selected img, .preview a:visited img{border-style:none;}

Answer 7

尝试将border =“0”放入img标记内。如果有帮助，请告诉我。

css边界问题

7 个答案: