HTML5中沒有cellspacing和cellpadding怎么辦


HTML5中沒有cellspacing和cellpadding怎么辦


1、問題背景

     HTML4版本中table有cellspacing和cellpadding,但是在HTML5中沒有,要使table邊框不出現間隙,該如何解決


2、HTML5代碼

<!doctype html><html>
<head>
<meta charset="utf-8">
<title>無標題文檔</title>
</head>

<body>
<table class="tab">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>

3、解決辦法

<!doctype html><html><head><meta charset="utf-8"><title>無標題文檔</title><style>   .tab{   border-collapse:collapse;   }</style></head><body><table class="tab">  <tr>    <td> </td>    <td> </td>    <td> </td>    <td> </td>  </tr>  <tr>    <td> </td>    <td> </td>    <td> </td>    <td> </td>  </tr>  <tr>    <td> </td>    <td> </td>    <td> </td>    <td> </td>  </tr>  <tr>    <td> </td>    <td> </td>    <td> </td>    <td> </td>  </tr></table></body></html>
      利用CSS中的屬性border-collapse:collapse;  為表格設置合並邊框模型


注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2020 ITdaan.com