去除图像周围的白边

时间:2018-05-02 13:55:06

标签: html css

所以我试图在我的页面顶部放置一个图像,我希望这个图像从左到右覆盖整个屏幕,并且正好在顶部,但每次我这样做都有一个讨厌的白色图像左侧的边框,右侧和顶部。我该如何删除那个白色边框?这是我试过的:

Html:

    <head>
        <div>
            <img class="image" src="#image">
        </div>
    </head>

CSS:

  .image {
  width: 100%;
  height: auto;
}

1 个答案:

答案 0 :(得分:1)

试试这个,并将你的div放在<body>

* {
  margin: 0;
  padding: 0;
}

.image {
  width: 100%;
  height: auto;
}
<body>
  <div>
    <img class="image" src="G:\Pics\1.jpg">
  </div>
</body>