html - 如何从图像中删除填充

Question

 * {

}

 body {
  margin: 0;
  text-align: center;
}


/*  =====Header===== */
 header {
  display: inline;

}

 .logo {
  background-color: #dedede;
  display: inline;
  float: left;
}

  <header>
      <div class="navContainer">
        <a href=#>
          <img src="https://i.imgur.com/1fsTc5I.png" alt="headLogo" class="logo">
        </a>
      </div>
          <nav>
              <li><a href="index.html">Home</a></li>
              <li><a href="#about">About</a></li>
              <li><a href="#projects">Projects</a></li>
              <li><a href="#contact">Contact</a></li>
          </nav>
    </header>

所以我有一个图像，在我看来它周围有一个 32px 的填充，我不想要它，我已经尝试过 padding: 0;填充:0!重要；我很沮丧，请帮助我的 friend 们! I added a background of gray so you can see the padding of the image

{编辑我添加了背景以便您可以看到填充}

Answer 1

如果您在访问开发工具时查看“计算”选项卡下的内容，您会看到此图像根本没有填充。您只需要使用 photoshop 删除图像中文本周围多余的空白区域，就可以了。