如何给出表格中每个单元格之间的间距，并使其成为不同的表格 - how to give the spacing between each cell in a table and make it like a different making a table

how to give the spacing between each cell in a table and make it like a different making a table

本文关键字：表格之间单元格 | 更新日期: 2023-09-27

如何给出表中每个单元格之间的间距，并使其像在HTML中制作表一样。我想把它们组合在一起，使它像一个变成表格的单元格。代码：如www.quickr.com 中显示的选项卡

 <table class="table" width=100% cellspacing="3px" style="border-spacing:10px; ">
    <tr>
                        <!--<td bgcolor="#FF0000">-->
                        <!--<td bgcolor="#F3E9AF" height="200px" width="350px" style="padding: 74px;">-->
                        <td style="padding: -7px;">
                        <!--<td bgcolor="#99E7F7">-->
                            <div class="column col-md-4">
                            <div id="c-830" class="block">
                            <h4><img src="images/categories/rent_7.png" height=110 width=150 style="margin-top: -5px">
<a href="#">                            
                            <strong style="color: #343434;">Rent</strong>
                            </a>
                            </h4>
                            <div>
                            </div>
                            </div>
                            </div>
                        </td>
 <td style="padding: -35px;">
                            <!--<td bgcolor="#004488">-->
                            <div class="column col-md-4">
                            <div id="c-362" class="block">
                            <h4><img src="images/categories/buy_6.png" height=110 width=150 style="margin-top: -3px">
                            <a href="#">
                            <strong style="color: #343434;">Buy</strong>
                            </a>
                            </h4>
                            <div>
                            </div>
                            </div>                                       </div>                                             
                        </td>
                        <td style="padding: -23px;">
                            <div class="column col-md-4">
                            <div id="c-833" class="block">
                            <h4><img src="images/categories/sell_tag.png" height=110 width=150 style="margin-top: -5px">
                            <a href="#">
                            <strong style="color: #343434;">Sell</strong>
                            </a>
                            </h4>
                            <div>
                            </div>
                            </div>
                            </div>
                        </td>
    </tr>
</table>

尝试给定一个表名，然后可以在css中为td/tr添加填充或边框间距。

试试这个。。通过使用cellpadding="value"&cellspacing="value"

Check this:Fiddle Demo

试试这个。。通过使用

<table cellpadding="15" cellspacing="15">
   <tr>
     <td>1</td>
     <td>2</td>
     <td>3</td>
   </tr>
   <tr>
     <td>4</td>
     <td>5</td>
     <td>6</td>
   </tr>
</table>