按下链接中的一些额外填充

Question

我没有找到任何问题的解决方案。我有链接中的图像。当我按下它然后图像向下移动几个像素。你知道如何删除这种行为吗？

是链接代码：

HTML

<a href="http://www.google.cpm" title="" class="logo">
    <img src="images/logo.png" alt="" title=""/>
</a>

CSS

    .logo {
        margin-top: 30px;
        display: block;
    }

    .logo img {
        width: 150px;
    }

我为徽标添加边框

当我按下它然后我看到

Answer 1

试试这个：

.logo {
    margin-top: 30px;
    display: block;
    text-decoration: none;
}