Question

我的网站有以下代码，我正在尝试将填充添加到我网页上的图像链接组

<ul class="">
        <a href="https://www.github.com">
          <img style="height:auto; width:auto; max-width:50px; max-height:50px;" src="images/github.png" border="0" alt="Code" class="">
        </a>
        <a href="http://www.linkedin.com">
          <img style="height:auto; width:auto; max-width:50px; max-height:50px;" src="images/linkedin.png" border="0" alt="Connect" class="">
        </a>
        <a href="https://www.twitter.com">
          <img style="height:auto; width:auto; max-width:50px; max-height:50px;" src="images/twitter.png" border="0" alt="Twitter">
        </a>
      </ul>

我还有以下CSS：

a{
    color:black;
    text-decoration: none;
  margin: 0px auto;
  width: 400px;
}
ul{
    padding: 0;
}

我需要做什么才能在我的网站的群组图片链接上添加垂直填充？

Answer 1

不确定这是您想要的，但请尝试使用padding-top：

ul a img {
    padding-top: 10px;  /* Change the value according to your needs */  
}

顺便说一下，你应该给你的元素上课以更具体地定位它。

如何将上填充添加到一组链接的图像

1 个答案: