Html 不能有没有边距的并排表格的图像

我有Excel表格的图像，我必须添加到HTML页面上。我有6张图片，其中前四张图片不需要并排（但它们之间不需要有空间），但后两张图片必须并排（它们之间没有边距），因为该表格最初处于横向模式。我尝试过不同的方法，但都不管用。我正在使用HTML和CSS。代码如下。任何帮助都将不胜感激。我正在使用EclipseJuno进行开发

 //***Html file

 <div class="crop">
   <img src ="QATables/image1.png">
   <img src ="QATables/image2.png">
   <img src ="QATables/image3.png">
   <img src ="QATables/image4.png">     
   <img src ="QATables/image5.png" border="0"><img src ="QATables/image6.png" border="0"/>


 </div> 

  //*****CSS file

  .crop img {width:850px; height:791px; margin: 0px;border-bottom:0}

/***Html文件
//*****CSS文件
.crop img{宽度：850px；高度：791px；边距：0px；边框底部：0}

添加两个可用于样式设置的类，一个用于不应该并排的类，另一个用于应该并排的类

<div class="crop">
   <img src ="QATables/image1.png" class="vertical">
   <img src ="QATables/image2.png" class="vertical">
   <img src ="QATables/image3.png" class="vertical">
   <img src ="QATables/image4.png" class="vertical">     
   <img src ="QATables/image5.png" class="horizontal">
   <img src ="QATables/image6.png" class="horizontal">
</div>

---

添加两个可用于样式设置的类，一个用于不应该并排的类，另一个用于应该并排的类

<div class="crop">
   <img src ="QATables/image1.png" class="vertical">
   <img src ="QATables/image2.png" class="vertical">
   <img src ="QATables/image3.png" class="vertical">
   <img src ="QATables/image4.png" class="vertical">     
   <img src ="QATables/image5.png" class="horizontal">
   <img src ="QATables/image6.png" class="horizontal">
</div>

---

@T4000您必须对此进行详细说明。什么方法不起作用？对不起，我离开办公桌一个小时了。我所做的只是在CSS文件中创建了两个类“水平”和“垂直”，并在.html文件中做了一些更改。不幸的是，我没有得到不同的结果，就好像这两个文件中没有做任何更改一样。@T4000如果您在浏览器的开发工具中检查图像。规则是否已应用于元素？您是否正确引用了CSS文件？@T4000您必须对此进行详细说明。什么方法不起作用？对不起，我离开办公桌一个小时了。我所做的只是在CSS文件中创建了两个类“水平”和“垂直”，并在.html文件中做了一些更改。不幸的是，我没有得到不同的结果，就好像这两个文件中没有做任何更改一样。@T4000如果您在浏览器的开发工具中检查图像。规则是否已应用于元素？您是否正确引用了CSS文件？