html - 表格 HTML/CSS 列之间的间距

Question

我正在我的网站上工作，http://www.isaveplus.com我遇到了一个问题，即表格在其中的每个 col (td) 之间添加了一些空间。我的目标是让列相互接触，因为我希望背景颜色相互融合。下图将向您展示我所说的它们之间的空间是什么意思。

提前致谢!

 <table style="width:inherit; margin-left:-5px; margin-top:-5px; " cellspacing="0">
   <tr>
     <td class="searchBar" align="left" >
        <div id="ddtopmenubar" class="mattblackmenu" >
          <ul>
             <li><a  style="vertical-align:bottom;">Best of Coupons</a></li>
             <li>
                <a style="vertical-align:bottom;"> Best of Travel</a>
                <a style="vertical-align:bottom;">Grocery  stores</a>
             </li>
             <li><a style="vertical-align:bottom;">Office Supplies</a></li>
             <li><a style="vertical-align:bottom;"> Department <br /> stores </a></li>
             <li><a style="vertical-align:bottom;">Drug <br /> stores</a></li>
          </ul>
        </div>
      </td>
      <td class="searchBar" align="left">
           <asp:Button ID="whatIsIsavePlusButton" runat="server" onclick="whatIsIsavePlusButton_Click" style="color: #800000; font-weight: 700"     Text="?" Visible="False" />
      </td>
      <td class="searchBar" align="left">social media right here!</td>
    </tr>
  </table>

搜索栏的 css 是:

 .searchBar
     {
       background-color: #414141;
       color:White;
       width:auto; 
       margin:-5px;

       padding:0px;  

     }

Answer 1

您的链接

<a style="vertical-align:bottom;">Best of Travel<a style="vertical-align:bottom;">Grocery  stores</a>  

有一个

border-right: 1px solid white

定义在

.mattblackmenu li a  

在那里你可以设置这些空白的宽度