2016-08-01 56 views
0

是否有可用的HTML属性等效于CSS属性border-collapse: collapse;使用HTML属性border-collapse

我想实现与HTML仅相同的1px边框,而不是使用CSS。

table{ 
 
    border-collapse: collapse; 
 
}
<table border="1px" cellpadding="3"> 
 
    <tr> 
 
<td>Row 1</td> 
 
<td>Row 1</td> 
 
<td>Row 1</td> 
 
    </tr> 
 
    <tr> 
 
<td>Row 2</td> 
 
<td>Row 2</td> 
 
<td>Row 2</td> 
 
    </tr> 
 
</table>

回答

0

你可以尝试cellspacing

<table border="1px" cellspacing="0" cellpadding="3"> 
 
    <tr> 
 
<td>Row 1</td> 
 
<td>Row 1</td> 
 
<td>Row 1</td> 
 
    </tr> 
 
    <tr> 
 
<td>Row 2</td> 
 
<td>Row 2</td> 
 
<td>Row 2</td> 
 
    </tr> 
 
</table>

注:CELLSPACING不重叠相邻小区,其CSS属性确实的边界。

+0

因此,它是'cell-spacing'或'cellspacing'? – Justinas

+0

@justinas错字,尽管谢谢。 – divy3993

+0

不可能仅使用html制作完全1px的边框? –

0

我不明白你为什么要停止使用CSS,因为这是CSS做 您可以使用自举的CSS是里面包含过时。 欲了解更多信息,请访问w3chools

<div class="container"> 
    <h2>Basic Table</h2> 
    <p>The .table class adds basic styling (light padding and only horizontal dividers) to a table:</p> 
    <table class="table"> 
    <thead> 
     <tr> 
     <th>Firstname</th> 
     <th>Lastname</th> 
     <th>Email</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
     <td>John</td> 
     <td>Doe</td> 
     <td>[email protected]</td> 
     </tr> 
     <tr> 
     <td>Mary</td> 
     <td>Moe</td> 
     <td>[email protected]</td> 
     </tr> 
     <tr> 
     <td>July</td> 
     <td>Dooley</td> 
     <td>[email protected]</td> 
     </tr> 
    </tbody> 
    </table> 
</div>