无需CSS属性实现指定HTML表格、调整间距及获取对应代码的方法
纯HTML场景下可以直接使用<table>标签的原生属性调整间距,不需要额外写CSS:
cellspacing属性:控制单元格与单元格、单元格与表格边框之间的间距,单位为像素cellpadding属性:控制单元格内部内容和单元格边框之间的间距,单位为像素
以下是不带任何CSS属性的标准HTML表格示例,你可以根据参考的表格样式调整单元格数量、内容以及两个属性的数值即可:
<table border="1" cellpadding="10" cellspacing="0"> <tr> <th>表头1</th> <th>表头2</th> <th>表头3</th> </tr> <tr> <td>内容1</td> <td>内容2</td> <td>内容3</td> </tr> <tr> <td>内容4</td> <td>内容5</td> <td>内容6</td> </tr> </table>
如果需要完全匹配参考表格的样式,直接调整border(表格边框宽度)、cellpadding、cellspacing三个属性的数值,以及增删行列、修改单元格内容即可,所有属性都是HTML原生支持,不需要引入任何CSS。
内容的提问来源于stack exchange,提问作者PrabhaLK
相关产品推荐
相关产品推荐

