菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻
3
0

table详解

原创
05/13 14:22
阅读数 63203

1.tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元。

 tr内是th还是td可由自己定义,th,td可存在于任一行,th与td的区别在与th字体更粗

 

2.定义一个table默认有border, cellspacing, cellpadding属性

  border(外边框粗细)

  类型:可为数字 数字字符串 带像素单位的字符串 eg: border= 5, border= "5", border= "5px",推荐使用border= "5",以免出现兼容性问题

  说明:默认1像素, border为0时table边框,td边框都消失,大于0时table边框为border值,td边框为1像素,小于0时外边框1像素

  

  cellspacing(规定单元格之间的空白)

  推荐类型: eg: cellspacing= "5", cellspacing= "4%"

  说明:默认2像素,cellspacing为0时td边框不会合并,会紧贴大于0时单元格边距为设定值,小于0时为默认值

 

  cellpadding(规定单元边沿与其内容之间的空白)

  推荐类型: eg: cellpadding= "5", cellpadding= "4%"

  说明:默认1像素,cellpadding为0时td内会更紧大于0时单元格边距为设定值,小于0时为0

 

3.可加入captain标签为table添加标题

eg:

<table border="6">
<caption>我的标题</caption>
<tr>
  <td>100</td><td>300</td>
</tr>
<tr>
  <td>400</td><td>600</td>
</tr>
</table>

 

4.可通过rowspan设置跨行,colspan设置跨列

eg: <td rowspan= "2"> </td>

  <td colspan= "3"></td>

其他属性诸如frame,rules等不建议使用

发表评论

0/200
3 点赞
0 评论
收藏