<div> </div>中的边框

Question

问题图片：

嗯，你怎么看，有一个边框，黑色图像下方的蓝线，我需要删除它，但我不能，我不知道该怎么做。我需要一些解决方案。

<div align="center" style="background-color:#00F;">
  <img src="images/topimage.png">
</div>
<div>
  <img src="images/topimage bottomborder.png" style="width:100%;height:9px;">
</div>

以上是代码。

Answer 1

默认情况下，图像是内联元素，因此默认情况下，图像的下边缘和容器的下边缘之间也是空格。

img {
    display: block
}

或者，这也应该有效：

img {
    vertical-align: top
}

使用合适的选择器。