css上下图片没有缝隙

CSS上下图片无缝隙实现方法：
在网页制作中，可能出现在两张图片之间有缝隙的问题，这是因为图片默认是有一定的间距的。为了消除上下图片之间的间距，我们需要添加一些CSS样式来解决这个问题。
具体实现方法如下：
1. 首先在HTML文档中编写两张图片。

 <p>
        <img src="image1.jpg">
        <img src="image2.jpg">
    </p> 

2. 接着，在CSS样式表中添加以下代码：

 p{
        margin: 0;
        padding: 0;
    }
    img{
        display: block;
        margin: 0 auto;
        border: none;
    } 

代码解释：
p标签的margin和padding设为0，以去除上下边距，使两张图片挨得更紧凑。
img标签的display设为block，表示将图片当作块级元素来处理，即占据整个父元素的宽度。同时，img的margin设为0 auto，将图片水平居中，边缘也就没有了间距。
border设为none，去掉边框。
这样，两张图片之间的间距就被消除了，使得网页更加美观。