Question

＆＃13;

 * {

}

 body {
  margin: 0;
  text-align: center;
}


/*  =====Header===== */
 header {
  display: inline;

}

 .logo {
  background-color: #dedede;
  display: inline;
  float: left;
}

＆＃13;

  <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>

＆＃13;

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

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

Answer 1

如果你看下＆＃34; Computed＆＃34;在访问开发工具时，您会看到此图像根本没有填充。你只需要使用photoshop来删除图像中文本周围的额外空白区域，你应该没问题。

如何从图像中删除填充

1 个答案: